插件描述：可自定义程度很高的虚拟滚动条插件，用起来很方便
Basic configuration
$(selector).slimScroll();
Example of additional settings
$(function() {
$(".slimscroll").slimScroll({
width: 'auto', //可滚动区域宽度
height: '100%', //可滚动区域高度
size: '10px', //组件宽度
color: '#000', //滚动条颜色
position: 'right', //组件位置：left/right
distance: '0px', //组件与侧边之间的距离
start: 'top', //默认滚动位置：top/bottom
opacity: .4, //滚动条透明度
alwaysVisible: true, //是否 始终显示组件
disableFadeOut: false, //是否 鼠标经过可滚动区域时显示组件，离开时隐藏组件
railVisible: true, //是否 显示轨道
railColor: '#333', //轨道颜色
railOpacity: .2, //轨道透明度
railDraggable: true, //是否 滚动条可拖动
railClass: 'slimScrollRail', //轨道div类名
barClass: 'slimScrollBar', //滚动条div类名
wrapperClass: 'slimScrollDiv', //外包div类名
allowPageScroll: true, //是否 使用滚轮到达顶端/底端时，滚动窗口
wheelStep: 20, //滚轮滚动量
touchScrollStep: 200, //滚动量当用户使用手势
borderRadius: '7px', //滚动条圆角
railBorderRadius: '7px' //轨道圆角
});
});Events
slimScroll publishes slimscroll event when scrollbar reaches top or bottom of the parent container. You can use jQuery bind method to subscribe to this event:
$(selector).slimScroll().bind('slimscroll', function(e, pos){
console.log("Reached " + pos");
});
PREVIOUS:
NEXT:
相关插件-滚动,定制和风格,浏览器调整,独立的部件
讨论这个项目（34）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
予我心安° 0
2018/11/5 22:26:31
-
根本用不成，劝大家不要下载！
西瓜0
2018/11/6 9:28:49
-
我这里刚测试，没有问题。错误提示发一下。
Woow0
2019/9/23 13:38:42
-
在里面滚动外面也滚动，这是个大bug
灰衣天运子 0
2018/6/10 14:44:39
-
当<div class="area">内容信息</div>中的内容超出外高度300px时就会出现滚动条。
给不给币啊
Seation0
2018/10/29 9:44:47
-
你不说最后一句可能就给了，哈哈
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
