js中的scroll和offset 使用比較的實例與分析_javascript技巧
- WBOY原創
- 2016-05-16 17:21:06899瀏覽
1.offsetTop :
當前物件到其上層層級頂端的距離.
無法賦值.設定物件到頁面頂端的距離請用style.top屬性.
2.offsetLeft :
當前物件到其上層層左邊的距離.
不能對其進行賦值.設定物件到頁面左部的距離請用style.left屬性.
3.offsetWidth :
目前物件的寬度.
與style.width屬性的差別在於:如物件的寬度設定值為百分比寬度,則無論頁變大或變小,style.width都回傳此百分比,而offsetWidth則傳回在不同頁面中物件的寬度值而不是百分比值
4.offsetHeight :
與style.height屬性的區別在於:如對象的寬度設定值為百分比高度,則無論頁面變大還是變小,style.height都返回此百分比,而offsetHeight則傳回在不同頁面中物件的高度值而不是百分比值
5.offsetParent :
目前物件的上層層級物件.
注意.如果物件是包含在一個DIV中時,此DIV不會被當做是此物件的上層層級,(即物件的上級層會跳過DIV物件)上級層是Table時則不會有問題.
利用這個屬性，可以得到當前物件在不同大小的頁面中的絕對位置．
6.scrollLeft :
物件的最左邊到物件在目前視窗顯示的範圍內的左邊的距離．
即是在出現了橫向滾動條的情況下，滾動條拉動的距離．
7.scrollTop
物件的最頂部到物件在目前視窗顯示的範圍內的頂邊的距離．
即是在出現了縱向滾動條的情況下，滾動條拉動的距離．
【程式碼】測試offsetTop和scrollTop的html代碼
複製程式碼 程式碼如下:
this is test!
this is test!
this is test!
id ="li1">
- 點選2結果:
- li >
-
- 點選3結果:
> -
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn