js 捕捉滾動條事件

2022-03-02 21:22:36 字數 3675 閱讀 2694

>這裡是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 />

<

a href

="#p9"

>這裡是9

a><

br />

<

a href

="#p10"

>這裡是10

a>

div>

div>

<

div

id="divright"

style

="float:left;"

>

<

div

id="p1"

style

="height:300px;width:100%;border:1px solid red;"

>這裡是1

div>

<

div

id="p2"

style

="height:300px;width:100%;border:1px solid red;"

>這裡是2

div>

<

div

id="p3"

style

="height:300px;width:100%;border:1px solid red;"

>這裡是3

div>

<

div

id="p4"

style

="height:300px;width:100%;border:1px solid red;"

>這裡是4

div>

<

div

id="p5"

style

="height:300px;width:100%;border:1px solid red;"

>這裡是5

div>

<

div

id="p6"

style

="height:300px;width:100%;border:1px solid red;"

>這裡是6

div>

<

div

id="p7"

style

="height:300px;width:100%;border:1px solid red;"

>這裡是7

div>

<

div

id="p8"

style

="height:300px;width:100%;border:1px solid red;"

>這裡是8

div>

<

div

id="p9"

style

="height:300px;width:100%;border:1px solid red;"

>這裡是9

div>

<

div

id="p10"

style

="height:300px;width:100%;border:1px solid red;"

>這裡是10

div>

div>

div>

<

script

>

function

changecolor(index)

else}}

//function scrollfunc(e)

//if (e.wheeldelta < 0)

//} else if (e.detail)

//if (e.detail < 0) //}

//}////給頁面綁定滑輪滾動事件

js網頁滾動條滾動事件

獲取座標 ie event.x event.y 獲取滾動條位置 document.body.scrolltop 滾動條離頁面最上方的距離 document.body.scrollleft 滾動條離頁面最左方的距離 當我用js獲取當前垂直或者水平方向滾動條位置的時候,使用 document.body....

滾動條事件

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

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

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