jquery-slimscroll配置项说明

{
	width: "设置滚动区域的宽度,不设置与父级元素相同.默认值:none",
	height: "设置滚动区域的高度,设置auto与父容器高度一致.默认值:250px",
	size: "设置滚动条宽度大小.默认值:7px",
	position: "设置滚动条位置(左侧或者右侧).默认值:right",
	color: "设置滚动条颜色.默认值:#000000",
	alwaysVisible: "设置成true允许滚动条一直显示.默认值:false",
	distance: "滚动条距离父级元素边框的距离,默认值:1px",
	start: "top或者bottom或者$(selector),定义滚动条初始化位置,如果是bottom会自动滚到底部,如果是元素会滚动到这个元素的offsetTop的位置.默认值:top",
	wheelStep: "鼠标滚轮增量的整数值.默认值:20",
	railVisible: "设置true,允许滚动条导轨可见.默认值: false",
	railColor: "设置滚动条导轨颜色.默认值:#333333",
	railOpacity: "设置滚动条导轨透明度.默认值:0.2",
	railBorderRadius: "设置滚动条导轨圆角边框.默认值:7px",
	railDraggable: "设置成true允许鼠标拖动滚动条滚动.默认值:true",
	allowPageScroll: "当滚动条到达容器顶部或底部时,检查鼠标滚轮是否应滚动页面.设置为true时滚动页面.默认值:false",
	scrollTo: "滚动条跳转到指定的滚动值(像素值)",
	scrollBy: "传递正负值增加或减少当前滚动值(像素值)",
	disableFadeOut: "设置成true,当鼠标在可滚动元素上时禁止滚动条自动隐藏.默认值:false",
	touchScrollStep: "允许为触摸滚动事件设置不同的灵敏度,负数反转滚动方向.默认值:200",
	Events: "当滚动条到达父容器顶部或底部时,slimScroll触发slimscroll事件.可以使用jQuery的bind监听事件"
}

下载: npm: npm i jquery-slimscroll --save        github: https://github.com/rochal/jQuery-slimScroll

用法:

1. 引入jQuery及slimscroll
2. $(selector).slimscroll(options).bind("slimscroll/slimscrolling", callback). callback函数有两个参数e,pos.e是事件对象,pos在slimscroll时返回top或bottom,否则返回当前的滚动像素值.