jquery.slimscroll.js 插件库的应用

调用

滚动条样式设置

$(".text").slimScroll({
	width: 'auto', //容器宽度,默认无
	height: '100%', //容器高度,默认250px
	size: '8px', //滚动条宽度,默认7px
	position: 'left', //滚动条位置,可选值:left,right,默认right
	color: '#D8B066', //滚动条颜色,默认#000000
	opacity: 1, //滚动条透明度
	borderRadius: '7px', //滚动条圆角
	railVisible: true, //是否显示背景轨迹,默认false
	railColor: '#E1C06D', //背景轨迹颜色,默认#333333
	railOpacity: 1, //背景轨迹透明度,默认0.2
	railBorderRadius: '7px' //轨道圆角
	wrapperClass: 'slimScrollDiv', //外包div类名
	barClass: 'slimScrollBar', //滚动条div类名
	railClass: 'slimScrollRail', //轨道div类名 
	distance: '10px,' //距离边框距离,位置由position参数决定,默认1px
	start: '.p', //滚动条初始位置,可选值top,bottom,$(selector)--内容元素位置,默认top
	wheelStep: '10px', //滚动条滚动值,默认10px
	alwaysVisible: true, //是否始终显示组件,默认false
	disableFadeOut: false, //是否鼠标经过可滚动区域时显示组件，离开时隐藏组件,当设置alwaysVisible为true时该参数无效,默认false
	allowPageScroll: false, //滚动条滚动到顶部/底部时是否允许页面滚动,默认false
	railDraggable: true, //是否 滚动条可拖动
	touchScrollStep: 1000, //可以设置不同的触摸滚动事件的敏感性。负数反转方向滚动,默认200
	scrollTo: '50px', //跳转到指定的滚动值。可以呼吁任何元素slimScroll已经启用了吗(没试过)
	scrollBy: '50px',//增加 / 减少当前滚动值由指定的数量(正面或负面)。 可以呼吁任何元素slimScroll已经启用(没试过)
})