jQuery獲取頁面元素絕對與相對位置的方法
更新時間：2015年06月10日 11:52:44 作者：spring21st
這篇文章主要介紹了jQuery獲取頁面元素絕對與相對位置的方法,涉及jQuery中offset、position等方法的使用技巧,需要的朋友可以參考下
本文實例講述了jQuery獲取頁面元素絕對與相對位置的方法。分享給大家供大家參考。具體如下：
獲取頁面某一元素的絕對X,Y坐標，可以用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è)計有所幫助。
相關(guān)文章
jQuery使用fadeout實現(xiàn)元素漸隱效果的方法
這篇文章主要介紹了jQuery使用fadeout實現(xiàn)元素漸隱效果的方法,實例分析了jQuery中fadeout方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
本文帶你了解了一遍 jQuery 3 將會帶來的一些重大變化?；蛟S你已經(jīng)注意到了，這個版本是可能對你現(xiàn)有的項目產(chǎn)生太大的影響，因為沒有引入太多許多重大更改。2016-06-06
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)移動端筆觸canvas電子簽名，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
本文將會使用jquery實現(xiàn)以下功能:按下方向鍵時，使層向相應(yīng)的方向平滑移動20像素；四個方向鍵的鍵碼分別是37（左）、38（上）、39（右）和40（下）,感興趣的朋友可以了解下2013-01-01
jquery實現(xiàn)彈窗(系統(tǒng)提示框)效果
這篇文章主要為大家詳細介紹了jquery實現(xiàn)彈窗系統(tǒng)提示框效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下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
下面小編就為大家?guī)硪黄猨Query特殊符號轉(zhuǎn)義的實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了JQuery中extend怎么使用,需要的朋友可以參考下2014-03-03
浮動DIV定時顯示提示信息,如操作成功, 失敗等，使用jquery的朋友可以參考下。2010-08-08