js網頁滾動條滾動事件

2021-06-17 17:36:26 字數 587 閱讀 4546

獲取座標: 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 a br a href p2 這裡是2 a br a href p3 這裡是3 a br a href p4 這裡是4 a br a href p5 這裡是5 a br a href p6 這裡是6 a br a href p7 這裡是7 a br a href p8 這裡是8 a br ...

滾動條事件

width 設定或返回元素的寬度。不包含margin padding和border height 設定或返回元素的高度。不包含margin padding和border innerwidth 返回元素的內部寬度,包含 padding,但不包含margin和border innerheight 返回元...

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

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