1、在html编辑器软件内，新建html页面，（一般我们常使用的两款编辑器是HBuilder和Adobe Dreamweaver，这里我使用的软件是HBuilder）。
2、在<body></body>添加<div class="nav"></div>,于<div class="nav"></div>中间添加<ul></ul>,在<ul>内添加<li>标签，<li>内同时添加<a>标签，方便连接导航跳转。
3、在新建的<a></a>内，添加横向导航要显示的内容。
4、在<title></title>下方添加一个<style type="text/css"></style>。
5、源文件html保存后，使用浏览器打开预览效果。
您好！我帮您做了一下，您可以这么定义BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc
SCROLLBAR-HIGHLIGHT-COLOR: #6c6c90
SCROLLBAR-SHADOW-COLOR: #fcfcfc
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc
SCROLLBAR-ARROW-COLOR: #240024
SCROLLBAR-TRACK-COLOR: #fcfcfc
SCROLLBAR-DARKSHADOW-COLOR: #48486c
SCROLLBAR-BASE-COLOR: #fcfcfc
}
scrollbar-3d-light-color立体滚动条亮边的颜色
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-base-color滚动条的基本颜色
scrollbar-dark-shadow-color立体滚动条强阴影的颜色
scrollbar-face-color立体滚动条凸出部分的颜色
scrollbar-highlight-color滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色
您可以根据自己的颜色需求进行相应的修改，不过目前只支持ie5.5版本以上浏览器哦！
希望对您有帮助！
是一个屏幕的距离，利用css的高度百分比实现这个效果，因为设定百分比的值是需要更具父元素设置的所以需要给html，body都设置为高度百分百，然后一层一层的设置，用js控制鼠标滚轮事件。
