码迷,mamicode.com
首页 > Web开发 > 详细

jQuery.nicescroll美化滚动条

时间:2021-04-19 15:10:12      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:游标   learn   request   machine   lse   需要   als   _id   scroll   

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美化滚动条

标签:游标   learn   request   machine   lse   需要   als   _id   scroll   

原文地址:https://www.cnblogs.com/cdnotes/p/14668865.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!