div_W，具体布局就是按照自带滚动条的div的布局一样，然后显示滚动条的div即div_H和div_W有各自包含了3个div，即左右箭头2个，滚动条1个具体代码如下复制代码 代码如下if$_selfchildrenquotjscrollcquot。

2在indexhtml中的标签，输入jquery代码#39body#39append#39height #39 + $documentheight + #39#39#39body#39append#39width #39 + $documentwidth3浏览器运行indexhtml页面，此时会打印出界面最。

一Js代码onload = function 初始化 scrollToLocationfunction scrollToLocation var mainContainer = #39#thisMainPanel#39，scrollToContainer = mainContainerfind#39sonpanellast#39滚动到中。

实现滚动条滚动到指定位置有两种情况无效果 和 有动画效果 1无效果直接使用scrollTop方法 100为高度，单位px$#39box#39scrollTop1002有效果使用animate方法 100为高度，单位px300为时间，单位ms$。

代码如下lt！DOCTYPE=html documentreadyfunction var range = 50距下边界长度单位px var elemt = 500插入元素高度单位px var maxnum = 20设置加载最多次数 var num = 1var totalhei。

* *锚点点击跳转 *var AnchorClick = function pos $quothtml，bodyquotanimate scrollTop pos ， speedpos为你要跳转到位置也就是你要跳转的位置举例浏览器顶部的距离，单位为px。

语法 $element scrollTop $element scrollTopval eg 当匹配元素为当前页面，那么当前滚动条到整个页面顶端的距离 var winPos =$window scrollTop element offsettop $。

滚动条使用方法，Nicescroll是制作自定义滚动条的jq插件支持div，iframe，html等使用，兼容IE78，safari，firefox，webkit内核浏览器chrome，safari以及智能终端设备浏览器的滚动条页面使用quothtmlquot。

Jquery滚动条使用方法，Nicescroll是一个制作自定义滚动条的jq插件它支持使用diviframehtml等，并兼容IE78safarifirefoxwebkit内核浏览器chromesafari以及智能终端设备浏览器的滚动条页。