1、打开html开发工具,新建一个html代码页面,在html代码页面输入大量的文本内容,确保在浏览器上能有滚动条出现。
2、引入一个jquery.js库。在title标签后面创建一个script标签,然后引入jquery.js文件。
3、新建一个script标签,在这个标签里面创建使用$(window).scroll()监听滚动条滚动事件(案例中判断当滚动条滚动高度超过100的时候就出现一个弹出框)。
4、保存html代码后使用浏览器打开,然后滚动Y轴滚动条。
5、发现滚动到一定位置后会出现一个alert弹出框表示监听滚动条成功。