jQuery自定义滚动条插件Nicescroll.js

所属分类:UI-滚动

 25788  302  查看评论 (16)
分享到微信朋友圈
X
jQuery自定义滚动条插件Nicescroll.js ie兼容8
$('#boxscroll').niceScroll({
    cursorcolor: "#dcdee0", //滚动条的颜色   
    cursoropacitymax: 1, //滚动条的透明度,从0-1   
    touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备   
    cursorwidth: "8px", //滚动条的宽度   
    cursorborder: "0", // 游标边框css定义    
    cursorborderradius: "5px", //以像素为光标边界半径  圆角   
    autohidemode: false, //是否隐藏滚动条  true的时候默认不显示滚动条,当鼠标经过的时候显示滚动条   
    zindex: "auto", //给滚动条设置z-index值    
    railpadding: {
        top: 0,
        right: -4,
        left: 0,
        bottom: 0
    }, //滚动条的位置
});
相关插件-滚动

jQuery电商网站楼层滚动定位

jQuery电商网站楼层滚动定位
  滚动
 49042  561

原生js向上滚动消息框

原生js封装的滚动消息框,简单实用
  滚动
 22761  277

jQuery滚轮控制轮播图上下切换(原创)

jQuery滚轮控制轮播图上下切换,简单实用
  滚动
 31890  284

仿股市表格实时轮播

这是一款简单的不需要任何外部插件的轮播效果图
  滚动
 30325  342

讨论这个项目(16)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    wenwen 0
    2020/8/13 15:56:58
    鼠标滚轮滚动的时候疯狂报错啊 回复
    未成年人┵ 0
    2019/6/28 16:24:29
    我嵌套的页面,为什么鼠标在内容页无法滚动,只有放在滚动条上才能滚动,并且有点不流畅
        areyouOk0
        2019/6/28 16:35:56
        应该是你内容页问题,你看演示上的例子滚动就很流畅。
        未成年人┵0
        2019/6/28 16:47:47
        我用原生的滚动条就没问题
    回复
    未成年人┵ 0
    2019/6/28 16:23:40
    我嵌套的,为什么鼠标在内容页无法滚动,只有放在滚动条上才能滚动,并且有点不流畅 回复
    烟雨巷9号 0
    2019/5/6 20:25:03
    不好意思刚学不太会使用
    插件很好 回复
    烟雨巷9号 0
    2019/5/6 20:24:21
    您好怎么使用啊。 回复
    _酱油陈 1
    2018/8/17 16:54:51

    首先感谢作者的插件,发现滚动条是无法跟随内容高度变化的(已第一次高度渲染),可以这样赖皮解决:

    $(ele).css('overflow','auto');
    $('ele').niceScroll({ ...});
    $(ele).css('overflow','hidden');

    滚动条重新渲染了。

        艾 林 Ailin0
        2018/9/15 14:20:43
        能否详细点,谢谢!
    回复
    不留胡渣的青年 0
    2018/7/16 14:04:48
    怎么监听内容高度变化 回复
    暗裔剑魔 0
    2018/4/22 12:37:29
    滚动条间隔几秒跳动一次,这个怎么改 回复
    Arima Kousei 0
    2018/3/13 17:18:36
    这个的默认滚动条在底部的参数是什么? 回复
    Zoo0oou 0
    2018/2/24 14:18:13
    666,很棒!!!
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复