scrollBar

首先download下来插件,并引入scrollBar.min.js(基于jquery)
然后初始化滚动条 $('domClass').scrollBar();

配置项: width: 1000,
height: 500,
orient: 'v',// 滚动条类型:h水平 v垂直
position: 'right',// 滚动条位置 top bottom left right
scrollDistance: 10,//鼠标滚动一次或者键盘按一次滚动的距离(px)
wrapperClass: 'ScrollDiv',
railClass: 'scrollRail',
barClass: 'scrollBar',
keyEvent:true,//是否支持键盘事件
barShow:true,//是否显示滚动条
isFadeOut:false,//隐藏滚动条,鼠标移上是否淡入(支持IE9以上)
wrapperBorderColor:'#e1e1e1',
barColor:'rgba(0, 0, 0, 0.2)',
barSize:8,//滚动条的宽或高
barRadius:'',
railColor:'transparent',
railSize:10//滚动轴的宽或高

增加了重置方法,只需要在需要重置滚动条配置时调用方法 scrollBarReset即可,参数与scrollBar相同

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。