jQuery獲取頁面元素絕對與相對位置的方法
更新時間：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è)計有所幫助。
您可能感興趣的文章:
- jQuery 判斷頁面元素是否存在的代碼
- JQuery顯示隱藏頁面元素的方法總結(jié)
- jQuery獲得頁面元素的絕對/相對位置即絕對X,Y坐標(biāo)
- JQuery 簡便實(shí)現(xiàn)頁面元素數(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)文章
jQuery使用fadeout實(shí)現(xiàn)元素漸隱效果的方法
這篇文章主要介紹了jQuery使用fadeout實(shí)現(xiàn)元素漸隱效果的方法,實(shí)例分析了jQuery中fadeout方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
本文帶你了解了一遍 jQuery 3 將會帶來的一些重大變化?；蛟S你已經(jīng)注意到了，這個版本是可能對你現(xiàn)有的項目產(chǎn)生太大的影響，因?yàn)闆]有引入太多許多重大更改。2016-06-06
jQuery實(shí)現(xiàn)移動端筆觸canvas電子簽名
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)移動端筆觸canvas電子簽名，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
jQuery實(shí)現(xiàn)用方向鍵控制層的上下左右移動
本文將會使用jquery實(shí)現(xiàn)以下功能:按下方向鍵時，使層向相應(yīng)的方向平滑移動20像素；四個方向鍵的鍵碼分別是37（左）、38（上）、39（右）和40（下）,感興趣的朋友可以了解下2013-01-01
jquery實(shí)現(xiàn)彈窗(系統(tǒng)提示框)效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)彈窗系統(tǒng)提示框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
當(dāng)使用腳本動態(tài)添加元素xxx時，但事件失效，最后使用jquery中on方法解決腳本動態(tài)添加元素,需要的朋友可以參考下2014-05-05
lyhucSelect基于Jquery的Select數(shù)據(jù)聯(lián)動插件
lyhucSelect基于Jquery的Select數(shù)據(jù)聯(lián)動插件，需要的朋友可以參考下。2011-03-03
jQuery特殊符號轉(zhuǎn)義的實(shí)現(xiàn)
下面小編就為大家?guī)硪黄猨Query特殊符號轉(zhuǎn)義的實(shí)現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了JQuery中extend怎么使用,需要的朋友可以參考下2014-03-03
浮動DIV定時顯示提示信息,如操作成功, 失敗等，使用jquery的朋友可以參考下。2010-08-08