# scrollBar **Repository Path**: Lixh5/scrollBar ## Basic Information - **Project Name**: scrollBar - **Description**: 滚动条插件 - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2018-08-22 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 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相同