jQuery獲取頁面元素絕對與相對位置的方法
更新時(shí)間：2015年06月10日 11:52:44 作者：spring21st
這篇文章主要介紹了jQuery獲取頁面元素絕對與相對位置的方法,涉及jQuery中offset、position等方法的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery獲取頁面元素絕對與相對位置的方法。分享給大家供大家參考。具體如下：
獲取頁面某一元素的絕對X,Y坐標(biāo)，可以用offset()方法：
var X = $('#DivID').offset().top;
var Y = $('#DivID').offset().left;
獲取相對(父元素)位置:
var X = $('#DivID').position().top;
var Y = $('#DivID').position().left;
var pleft = $("selector").scrollLeft();//元素相對于滾動條左邊的偏移量
var pTop = $("selector").scrollTop();//元素相對于滾動條頂部的偏移量
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jQuery 判斷頁面元素是否存在的代碼
- JQuery顯示隱藏頁面元素的方法總結(jié)
- jQuery獲得頁面元素的絕對/相對位置即絕對X,Y坐標(biāo)
- JQuery 簡便實(shí)現(xiàn)頁面元素?cái)?shù)據(jù)驗(yàn)證功能
- jquery獲得頁面元素的坐標(biāo)值實(shí)現(xiàn)思路及代碼
- jQuery頁面元素動態(tài)添加后綁定事件丟失方法,非 live
- jQuery實(shí)現(xiàn)動態(tài)控制頁面元素的方法分析
- jQuery使用之處理頁面元素用法實(shí)例
- jquery 查找iframe父級頁面元素的實(shí)現(xiàn)代碼
- jQuery實(shí)現(xiàn)鎖定頁面元素(表格列)
相關(guān)文章
Hallo.js基于jQuery UI所見即所得的Web編輯器
Hallo.js是一個(gè)簡單的富文本編輯器，基于jQuery UI的部件，利用HTML5的contentEditable功能實(shí)現(xiàn)了即時(shí)編輯功能，其主要目的是為了提供良好的書寫體驗(yàn)，對Hallo.js感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)聊天對話框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
jQuery相對于其他的javascript框架優(yōu)秀的特點(diǎn)之一就是元素選擇功能，通過簡單的一條件語句可以查詢一些復(fù)雜的元素2010-01-01
使用jQuery實(shí)現(xiàn)input數(shù)值增量和減量的方法
這篇文章主要介紹了使用jQuery實(shí)現(xiàn)input數(shù)值增量和減量的方法,實(shí)例分析了Bootstrap TouchSpin插件的用法,是非常實(shí)用的技巧,需要的朋友可以參考下2015-01-01
jquery簡單實(shí)現(xiàn)鼠標(biāo)經(jīng)過導(dǎo)航條改變背景圖
鼠標(biāo)經(jīng)過導(dǎo)航條改變背景圖的效果很是好看，下面為大家介紹下使用jquery是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下2013-12-12
jquery實(shí)現(xiàn)圖片等比例縮放以及max-width在ie中不兼容解決
圖片等比例縮放在某些情況下還是比較事用的,不過max-width和max-height在ie6中不兼容問題很是郁悶，接下來使用jQuery解決這個(gè)問題，感興趣的各位可以參考下哈2013-03-03
使用jQuery模板來展現(xiàn)json數(shù)據(jù)的代碼
通常我們在使用ajax的時(shí)候，都避免不了和json這種輕巧的數(shù)據(jù)格式打交道?？墒峭謩拥娜ソ馕鰆son，構(gòu)建HTML，比較麻煩?，F(xiàn)在有了這個(gè)插件，就能像Extjs那樣使用模板解析json了。2010-10-10
這篇文章主要介紹了詳解EasyUi控件中的Datagrid的相關(guān)資料,需要的朋友可以參考下2017-08-08
二維碼在現(xiàn)實(shí)生活中已經(jīng)應(yīng)用很廣泛，本篇介紹了使用jquery.qrcode.js生成二維碼，有需要的朋友可以進(jìn)來了解一下。2016-10-10
jQuery獲得各種控件Value的方法，使用jquery的朋友可以參考下。2010-11-11