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)文章
Hallo.js基于jQuery UI所見即所得的Web編輯器
Hallo.js是一個簡單的富文本編輯器，基于jQuery UI的部件，利用HTML5的contentEditable功能實現(xiàn)了即時編輯功能，其主要目的是為了提供良好的書寫體驗，對Hallo.js感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)聊天對話框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
jQuery相對于其他的javascript框架優(yōu)秀的特點之一就是元素選擇功能，通過簡單的一條件語句可以查詢一些復(fù)雜的元素2010-01-01
使用jQuery實現(xiàn)input數(shù)值增量和減量的方法
這篇文章主要介紹了使用jQuery實現(xiàn)input數(shù)值增量和減量的方法,實例分析了Bootstrap TouchSpin插件的用法,是非常實用的技巧,需要的朋友可以參考下2015-01-01
jquery簡單實現(xiàn)鼠標經(jīng)過導(dǎo)航條改變背景圖
鼠標經(jīng)過導(dǎo)航條改變背景圖的效果很是好看，下面為大家介紹下使用jquery是如何實現(xiàn)的，感興趣的朋友可以參考下2013-12-12
jquery實現(xiàn)圖片等比例縮放以及max-width在ie中不兼容解決
圖片等比例縮放在某些情況下還是比較事用的,不過max-width和max-height在ie6中不兼容問題很是郁悶，接下來使用jQuery解決這個問題，感興趣的各位可以參考下哈2013-03-03
使用jQuery模板來展現(xiàn)json數(shù)據(jù)的代碼
通常我們在使用ajax的時候，都避免不了和json這種輕巧的數(shù)據(jù)格式打交道。可是往往手動的去解析json，構(gòu)建HTML，比較麻煩?，F(xiàn)在有了這個插件，就能像Extjs那樣使用模板解析json了。2010-10-10
這篇文章主要介紹了詳解EasyUi控件中的Datagrid的相關(guān)資料,需要的朋友可以參考下2017-08-08
二維碼在現(xiàn)實生活中已經(jīng)應(yīng)用很廣泛，本篇介紹了使用jquery.qrcode.js生成二維碼，有需要的朋友可以進來了解一下。2016-10-10
jQuery獲得各種控件Value的方法，使用jquery的朋友可以參考下。2010-11-11