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