jQuery插件之slimScroll 自定义滚动条样式
1.在页面引入jquery和jquery.slimscroll.js
2.使用如下
// 滚动条的盒子
<div class="box">
</div>
3.js代码(插件的代码写在$(function(){})里面)
$(function(){
$('.box').slimScroll({
height: $(".table_box").height(), //容器高度
size:"6px", //滚动条宽度
color:"rgb(57, 110, 224)", //滚动条颜色,默认#000000
alwaysVisible: true, //是否禁用隐藏滚动条,默认false
opacity:1, // 滚动条透明度
})
})
4.使用火狐会发现 滚动鼠标滚轮 滚动条会直接滑动到底部 ,解决办法直接注释jquery.slimscroll.js的第388行即可