1、打开html开发工具，新建一个html代码页面，在html代码页面输入大量的文本内容，确保在浏览器上能有滚动条出现。
2、引入一个jquery.js库。在title标签后面创建一个script标签，然后引入jquery.js文件。
3、新建一个script标签，在这个标签里面创建使用$(window).scroll()监听滚动条滚动事件（案例中判断当滚动条滚动高度超过100的时候就出现一个弹出框）。
4、保存html代码后使用浏览器打开，然后滚动Y轴滚动条。
5、发现滚动到一定位置后会出现一个alert弹出框表示监听滚动条成功。
扩展资料
HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
HTML文本由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。
这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。
HTML其实是文本，它需要浏览器的解释，它的编辑器大体可以分为以下几种：
基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，WPS来编写，也可以。不过存盘时请使用htm或html作为扩展名，这样就方便浏览器认出直接解释执行了。
半所见即所得软件，如：FCK-Editer、E-webediter等在线网页编辑器；尤其推荐：Sublime Text代码编辑器（由Jon Skinner开发，Sublime Text2收费但可以无限期试用）。
所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，如：AMAYA（出品单位：万维网联盟）。
任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂，不利于大型网站的多人协作和精准定位等高级功能的实现。
1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条）.
overflow-x水平方向内容溢出时的设置.
overflow-y垂直方向内容溢出时的设置.
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置滚动条的颜色）.
scrollbar-arrow-color上下按钮上三角箭头的颜色.
scrollbar-base-color滚动条的基本颜色.
scrollbar-dark-shadow-color立体滚动条强阴影的颜色.
scrollbar-face-color立体滚动条凸出部分的颜色.
scrollbar-highlight-color滚动条空白部分的颜色.
scrollbar-shadow-color立体滚动条阴影的颜色.
1、在html中定义好一个dom标签，可以是body或者div等等。2、给dom元素设置相应的宽度，可以用style中的width。
3、再给dom元素设置overflow属性，水平滚动条就是overflow-x:scroll。这样当元素中的内容超出设置的宽度时就会出现滚动条。
示例：
<div style="overflow-x:scrollwidth:200pxwhite-space:nowrap">当内容超出设定的宽度时自动出现横向滚动条</div>
