滚动条美化

Posted 黎明之光123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了滚动条美化相关的知识,希望对你有一定的参考价值。

引入jquery.nicescroll.js
详见githubgo
然后
$(‘.produce‘).niceScroll({
cursorcolor: "#b8ecfa",//#CC0071 光标颜色
cursoropacitymax: 1, //改变不透明度非常光标处于活动状态(scrollabar“可见”状态),范围从1到0
touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
cursorwidth: "6px", //像素光标的宽度
cursorborder: "0", // 游标边框css定义
cursorborderradius: "5px",//以像素为光标边界半径
autohidemode: false //是否隐藏滚动条
});

以上是关于滚动条美化的主要内容,如果未能解决你的问题,请参考以下文章

滚动条美化插件 nicescroll

滚动条美化

美化滚动条样式

jScrollPane 美化滚动条

浏览器滚动条样式美化-案例

滚动条美化实践(原生js,iscroll,nicescroll)