首頁  >  文章  >  web前端  >  jquery取得div距離視窗和父級dv的距離範例_jquery

jquery取得div距離視窗和父級dv的距離範例_jquery

WBOY
WBOY原創
2016-05-16 17:20:361306瀏覽

jquery中jquery.offset().top / left用於取得div距離視窗的距離,jquery.position().top / left 用來取得距離父級div的距離(必須是絕對定位的div)。

(1)先介紹jquery.offset().top / left
css:

複製代碼 程式碼如下:

*{ margin: 0px; padding: 0px; }
div{ margin: 0px auto; }
.a{ width: 960px; height: 2000px;
.parentBox{ padding: 30px; margin-top: 40px; width: 960px; height: 300px; }
.innerBox{ padding: 20px; margin-top: 10px; widx;

html:
複製代碼 代碼如下:


a


innerBox


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn