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

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

很多小伙伴都想知道当网页或者鼠标滚动的时候怎样对页面进行一些设置。

这就需要用JS或者jQuery来获取到网页滚动或者说触发鼠标滚动事件。

今天小编我就来分享JS和jQuery获取网页滚动条和鼠标滚动事件的经验给大家。

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

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

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

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

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

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

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