js獲取滾動條位置

2021-04-26 07:39:24 字數 793 閱讀 8716

獲取座標: ie  (event.x  event.y) 

獲取滾動條位置:

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

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

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

當網頁最前面有以下內容:

document.documentelement.scrolltop (滾動條離頁面最上方的距離) 

document.documentelement.scrollleft   (滾動條離頁面最左方的距離)

所以為了準確取得當前滾動條的位置,正確的使用方法是:

document.documentelement.scrolltop

:垂直方向

document.documentelement.scrollleft

:水平方向

js 控制滾動條位置

1,動態 把iframe撐開之後,滾動條自動滾到到了最右邊,客戶每次都要把他拉回左邊看資料。很不方便,找了一下資料,js是可以操作滾動條的 方法如下 window.onload function 有四個方法 下面是把縱向的滾動條設定成頂部 document.body.scroll 0,documen...

JS滾動事件及滾動條位置設定

為了學習js的滾動事件,我們先來認識dom的幾個屬性1.scrolltop獲取或設定乙個元素的內容垂直滾動的畫素數,當乙個元素的內容沒有產生垂直方向的滾動條,那麼它的 scrolltop 值為0 2.scrollheight scrollheight 內容的實際高度 上下padding 如果沒有限制...

滾動條位置判斷

獲取滾動條距離頂部位置 function getscrolltop else if document.body return scrolltop 獲取當前可視範圍的高度 function getclientheight else return clientheight 獲取文件完整的高度 funct...