jQuery美化滚动条插件mCustomScrollbar

所属分类:UI-滚动

 33494  335  查看评论 (12)
分享到微信朋友圈
X
jQuery美化滚动条插件mCustomScrollbar ie兼容8

首先获取要修改滚动条样式的内容区块,然后使用 CSS 隐藏掉默认滚动条,然后使用 Javascript 添加很多 HTML 结构,再配合 CSS 做出一个滚动条的效果。然后再使用 CSS 定义滚动条的样式,使用 Javascript 相应鼠标的滚动事件,产生滚动下滑的效果。

注:如需要改滚动条颜色,请修改css/jquery.css第335行到374中Css样式所对应的色值。

相关插件-滚动

javript自定义滚动条

用原生的javript写的自定义滚动条具有拖拽,滚轮事件和键盘事件
  滚动
 32747  356

视觉滚动差效果

纯css3写的滚动视差效果
  滚动
 31903  357

jQuery.nicescroll美化滚动条

自定义scroll的样式,可配置
  滚动
 92661  505

页面过度效果大集合(推荐!)

jQuery页面过度效果大集合
  滚动
 76088  1338

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

    英雄本色 0
    2019/7/22 10:31:24
    动态加载的html结构就不出滚动条了 回复
    浅念。 0
    2019/1/24 10:03:44
    js是压缩过的??????不能修改????
        西瓜0
        2019/1/24 10:57:42

        用js格式化工具格式一下就行了

        http://www.jq22.com/jsgsh
    回复
    邢越 0
    2019/1/8 9:48:52
    您好 请问怎么修改滚动的速度 回复
    ixixixe2 0
    2018/2/27 9:56:35
    Paranoia 0
    2017/10/31 10:04:46
    W 0
    2017/10/30 16:57:35

    我知道你是谁喽  wl

        下一秒┛.幸福的开始0
        2018/12/7 10:20:11
        哈哈 猜对了
    回复
    ESC_ZZ 0
    2017/9/8 10:52:35
    简洁、好用,不错,
        ESC0
        2017/9/8 10:53:37

        恩恩额,很不错

        你若一直在0
        2018/6/6 11:41:29
        好用
        苔微0
        2018/8/22 17:51:16
        真不错
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复