轻量级、自定义美化滚动条插件,兼容IE浏览器(原创)

所属分类:UI-滚动

 1311  10  查看评论 (2)
轻量级、自定义美化滚动条插件,兼容IE浏览器(原创) ie兼容8

更新时间:2018/1/10 下午4:19:45

更新说明:优化了鼠标按下状态,把鼠标移出滑块,依旧能滑动


更新时间:2017/12/29 上午9:24:19

更新说明:修改了scrollsXY(box)的X轴拖动最右的时候存在bug,参数写错了!


使用方法

第一步:引用scroll.min.js;

第二步:按照相应的结构,构造滚动区域;

第三步:

scrollY("#scrollbox");//单个Y轴
scrollsY(".scrollbox");//多个Y轴
scrollsX(".scrollXbox");//多个X轴
scrollsXY(".scrollXY");//多个XY轴

根据自身的项目的页面需求,可自行选择调用事件;

相关插件-滚动

jQuery.nicescroll美化滚动条

自定义scroll的样式,可配置
  滚动
 26681  158

网站广播插件

网站发布消息的广播插件
  滚动
 17127  102

jquery模拟滚动条(未封装)

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

js交集监测插件scrollama.js

Scrollama是一个轻量级JavaScript库, 用于检测页面滚动时监听元素是否重叠。
  滚动
 2187  13

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    小闰土 0
    2018/1/7 22:17:56

    鼠标按下状态  把鼠标移出滑块   就不能拉了

    体验不好

        强少0
        2018/1/10 16:21:37
        感谢交流!新版本已针对此交互优化
    回复
取消回复