您的位置首页百科知识

jquery监听滚动条事件;jq滚动条事件

jquery监听滚动条事件;jq滚动条事件

的有关信息介绍如下:

jquery监听滚动条事件;jq滚动条事件

在浏览很多网页中都会发现,当滚动条滚动到一定的位置的时候就出显示一个返回到顶部的小图标,那如何监听判断滚动条滚动到指定的位置后触发某个事件呢?

可以通过使用scroll方法监听滚动条。

如图:

打开盆贪html开发工具,新建一个html代码页面,在html代码页面输入大量的文本内容,确保在浏览器上能有滚动条出现。如图:

在title标签后面创建一个script标签,然后引入jquery文件。如图:

新建一个script标签,创建监听滚动条滚动事件(案例粒罪码中判断当滚动条滚动高度超过100的时候就出现一个弹出框)。如图:

保存html代码著边后使用浏览器打开,然后滚动Y轴滚动条,发现滚动到一定位置后会出现一个弹出框表示监听滚动条成功。如图: