滚动条美化

Posted 2020-10-22 黎明之光123

引入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 //是否隐藏滚动条
});