滚动条美化

转载于 2018-01-29 10:05:00 发布 · 60 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/holy-amy/p/8376020.html

本文介绍如何利用jquery.nicescroll插件来定制和美化网页中的滚动条样式，包括设置光标颜色、不透明度、宽度等属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

转载于:https://www.cnblogs.com/holy-amy/p/8376020.html