jQuery.nicescroll美化滚动条

Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动条插件,不需要增加额外的css,几乎全浏览器兼容。ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。

官网地址:http://www.areaaperta.com/nicescroll/

引入核心文件,插件需要引入1.5.X以上版本的jquery库

jquery.nicescroll.min.js滚动条插件的用法

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

jQuery.nicescroll美化滚动条

上一篇:CSS


下一篇:Json 与 Ajax 的研究