jQuery美化滚动条插件mCustomScrollbar

所属分类:UI-滚动

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

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

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

相关插件-滚动

全屏滚动插件带侧边栏

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

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

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

仿百度知道(滚动固定标题)插件

仿百度知道滚动固定标题,点击标题滚动到内容块
  滚动
 23444  368

jquery文字上下滚动

jquery文字上下滚动插件jqScroll.js调用简单,代码注释很清楚。
  滚动
 56910  510

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