jQuery自定义滚动条插件

查看演示立即下载

插件描述：jQuery自定义滚动条插件，支持移动端横向，竖向和鼠标滚轮控制滚动。

更新时间：2021-03-07 22:40:47

使用方法

1、引用js

1 2	`<script` `src="/"></script>` `<script` `type="text/javascript"` `src="js/jquery.nicescroll.js"></script>`

2、html

<div class="content longitudinal">
    <ul>
        <li>jQuery是一个快速、简洁的JavaScript框架</li>
        <li>jQuery的核心特性可以总结为</li>
        <li>具有独特的链式语法和短小清晰的多功能接口</li>
        <li>具有高效灵活的css选择器</li>
        <li>并且可对CSS选择器进行扩展</li>
        <li>拥有便捷的插件扩展机制和丰富的插件</li>
        <li>jQuery兼容各种主流浏览器</li>
        <li>它封装JavaScript常用的功能代码</li>
    </ul>
</div>

3、页面配置js

$('.longitudinal').niceScroll({
    cursorcolor: "#ccc", //#CC0071 光标颜色
    cursoropacitymax: 1, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0
    touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
    cursorwidth: "5px", //像素光标的宽度
    cursorborder: "0", //    游标边框css定义
    cursorborderradius: "5px", //以像素为光标边界半径
    autohidemode: false //是否隐藏滚动条
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： antv流程图绘制编辑
下一个特效： bootstraps响应式互联网类公司网站模板