js獲取滾動條位置:絕對有效

獲取座標: IE  (event.x  event.y)  html

獲取滾動條位置:spa

     document.body.scrollTop (滾動條離頁面最上方的距離)htm

     document.body.scrollLeft   (滾動條離頁面最左方的距離)事件

當我用js獲取當前垂直或者水平方向滾動條位置的時候,使用"document.body.scrollTop"或 者"document.body.scrollLeft"是無效的,獲得的數值永遠是0。可是,當寫在「onscroll」事件裏面的時候,上述方法能夠 得到當前滾動條的位置。get

當網頁最前面有如下內容:it

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">io

     document.documentElement.scrollTop (滾動條離頁面最上方的距離) event

     document.documentElement.scrollLeft   (滾動條離頁面最左方的距離)class

 

因此爲了準確取得當前滾動條的位置,正確的使用方法是:transition

      document.documentElement.scrollTop:垂直方向      document.documentElement.scrollLeft:水平方向

相關文章
相關標籤/搜索