滚动条插件---jquery.nicescroll.js 简单使用

时间：2019-10-18 18:39:09 阅读：116 评论：0 收藏：0 [点我收藏+]

// 引入下载好的js文件

//因为在同一个页面有tab切换项都需要使用滚动条，遇到一个问题，就是在点击下一个切换项的时候，上一个切换项的滚动条不会立即消失，所以给每一个切换项设置点击效果，添加和删除类名。

//注意：如果没有给不同的切换项添加上类名的话，滚动条是不会显示的，所以在开始就要给他们添加上需要的类名，在点击的时候在去删除或者添加类名，这样就不会出现前面滚动条不会立即消失的问题了

$(‘.clickHu‘).click(function () {

$(‘#wrapper1‘).addClass(‘wrapper1‘)

$(‘#wrapper2‘).removeClass(‘wrapper2‘)

})

$(‘.clickP‘).click(function () {

$(‘#wrapper1‘).removeClass(‘wrapper1‘)

$(‘#wrapper2‘).addClass(‘wrapper2‘)

})

//设置滚动条

$(‘.wrapper1‘).niceScroll({

// 设置滚动条颜色

cursorcolor: "#2a72f5",

// 滚动条最大透明度

cursoropacitymax: 1,

//使光标拖动滚动像在台式电脑触摸设备 true滚动条拖动不可用

touchbehavior: false,

// 滚动条宽度

cursorwidth: "10px",

// 滚动条边框

cursorborder: "0",

// 滚动条圆角

cursorborderradius: "5px",

// 轨道背景色

background: "#bdbdbd",

autohidemode: false

})

</script>

原文地址：https://www.cnblogs.com/lljun/p/11699827.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行