JS jQuery怎样获取触发网页滚动条事件

2026-04-01 17:08:09

1、首先小编我就以最简单的body来演示网页滚动和鼠标滚动事件。注意把body的高度设置得大大的哦。

JS jQuery怎样获取触发网页滚动条事件

2、body的高度大大的超过了浏览器可视高度后便会有滚动条出现了哦。

JS jQuery怎样获取触发网页滚动条事件

3、然后在JS脚本中直接设置window的onscroll事件就可以了哦。这样即可获取到网页滚动时候的事件了。

JS jQuery怎样获取触发网页滚动条事件

4、获取到网页是否滚动之后你就可以进行设置了哦。比如小编我设置当滚动鼠标或者滚动网页时弹出一个alert窗口。

JS jQuery怎样获取触发网页滚动条事件

5、这就是鼠标滚动时的效果图了。当然也可以进行其他比如获取高度之类的设置。

JS jQuery怎样获取触发网页滚动条事件

6、要用jq获取到鼠标滚动和网页滚动事件则要引jQuery。

JS jQuery怎样获取触发网页滚动条事件

7、然后用$获取window并且调用scroll方法即可成功。注意window不要用引号包住呀。

JS jQuery怎样获取触发网页滚动条事件

猜你喜欢