滚动条插件 nicescroll 的使用

最近写项目需要美化页面的滚动条，于是接触了nicescroll这个滚动条美化插件。具体用法如下图代码所示：

/*美化滚动条*/
function scroll(id){
    $(id).niceScroll({
        cursorcolor:"#1c4780", // 滚动条颜色，使用16进制颜色值
        cursoropacitymax: 1,  // 当滚动条是显示状态时改变透明度，值范围1到0
        touchbehavior:false,
        cursorwidth:"10px", // 滚动条的宽度，单位：像素
        cursorborder:"0", // CSS 方式定义滚动条边框
        cursorborderradius:"5px" // 滚动条圆角（像素）
    });
}

其他一些配置项：

  cursoropacitymin: 0,  // 当滚动条是隐藏状态时改变透明度，值范围1到0
  autohidemode: true,  // 隐藏滚动条的方式，可用的值：true|无滚动时隐藏，"cursor"|隐藏，false|不隐藏，"leave"|仅在指针离开内容时隐藏，"hidden"|一直隐藏，"scroll"|仅在滚动时显示
  cursoropacitymin: 0,  // 当滚动条是隐藏状态时改变透明度，值范围1到0
  cursorminheight: 32,  // 设置滚动条的最小高度（像素）
  enablescrollonselection: true,  // 当选择文本时激活内容自动滚动
  cursordragspeed: 0.3,  // 设置拖拽的速度
  cursordragontouch: false,  // 使用触屏模式来实现拖拽

    

希望这篇博文能对大家有所帮助！