// 引入下载好的js文件
<script src=”./js/jquery.nicescroll.min.js”></script>
<script> //因为在同一个页面有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”, // 隐藏滚动条的方式，可用的值：true|无滚动时隐藏，”cursor”|隐藏，false|不隐藏，”leave”|仅在指针离开内容时隐藏，”hidden”|一直隐藏，”scroll”|仅在滚动时显示 autohidemode: false }) </script>