rollbar.js是一款用模拟滚动条的插件，可自定义颜色宽度滚动条的模拟插进，不基于任何库完全独立。
<script type="text/javascript" src="js/rollbar.min.js"></script>HTML代码
<div class="content" id="content">
<div class="main">
<article>
<div>
生命里，一些缱绻，无论素净，还是喧哗，都已经被岁月赋予了清喜的味道，一些闲词，或清新，或淡雅，总会在某一个回眸的时刻醉了流年，濡湿了柔软的心，冥冥之中，我们沿着呼唤的风声，终于在堆满落花的秋里，再次重逢，念在天涯，心在咫尺，我相信，一米阳光，才是我们最好的距离。 </div>
.......
</article>
</div>
</div>JS代码
var roll = new RollBar({
el:"content",
width: "3px",
bgColor:"#d0d0d0",
colour:"#000"
});初始化说明
var roll2 = new RollBar({
el:"content2", // ID
width: "15px", //滚动条宽度
bgColor:"#d0d0d0", //滚动条背景颜色
bgShow:false, //是否显示背景滚动条
colour:"#000", //滚动条颜色
rollbarY : true, //竖向滚动条是否显示
rollbarX : false, //横向滚动条是否显示
callback:function(ev){
// 滚动条滚动时执行
}
});参数
| 参数 | 默认值 | 说明 |
| el | 必填 | #ID的DMO，生成一个滚动条 |
| width | 5px | 滚动条的宽度。 |
| bgColor | #d0d0d0 | 滚动条的底部颜色。 |
| colour | #999999 | 滚动条颜色。 |
| bgShow | false | 是否显示底部滚动条。 |
| rollbarY | true | 是否显示坚向滚动条。 |
| rollbarX | false | 是否显示横向滚动条。 |
| callback | - | 滚动时执行的回调。 |
方法
scrollTo(x,y,callback)滚动至哪个位置
roll.scrollTo(0,100,function(){
//执行回调
})refresh(callback)刷新DMO，当DOM里面有元素变更时可刷新。
roll.refresh(function(){
//回调
})