jQuery美化滚动条插件mCustomScrollbar

所属分类:UI-滚动

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

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

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

相关插件-滚动

jquery模拟滚动条(未封装)

jquery模拟滚动条,支持自定义滚动条样式,兼容pad,web手机端未测试;支持同一网页多个滚动条;支持添加和删除(本人对封装不太了解,未封装)
  滚动
 33604  319

文字轮播无缝滚动

文字轮播无缝滚动
  滚动
 64006  533

全屏滚动插件带侧边栏

过渡效果柔和的滚动插件,适用pc和手机
  滚动
 33483  422

jquery页面滚动定位(支持上下滑动)

jquery页面滚动定位(支持上下滑动)
  滚动
 47009  372

讨论这个项目(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
        真不错
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复