jQuery美化滚动条插件mCustomScrollbar

所属分类:UI-滚动

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

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

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

相关插件-滚动

仿淘宝、京东等电商网站楼层跳转滚动定位

实现电商网站的滚动监听、导航定位、返回顶部的功能
  滚动
 29945  410
  滚动
 38048  360

jQuery自定义滚动条插件

支持IE9及以上,360,谷歌,火狐的自定义滚动条,可以设置滚动条的初始位置以及滚动条的颜色等
  滚动
 27157  316

全屏滚动插件带侧边栏

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

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