其他分享
首页 > 其他分享> > jQuery.nicescroll美化滚动条

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,插件,false,nicescroll,滚动条,光标
来源: https://www.cnblogs.com/cdnotes/p/14668865.html