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

所属分类:UI-滚动

 3298  11  查看评论 (4)
轻量级、自定义美化滚动条插件,兼容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轴

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

相关插件-滚动

仿股市表格实时轮播

这是一款简单的不需要任何外部插件的轮播效果图
  滚动
 9707  89

jQuery滚动堆叠插件jquery.stacked-strips.js

为您的一页滚动网站和单页应用程序创建堆叠滚动效果。当您向下滚动网页时,插件可以逐个滚动固定的页面部分。
  滚动
 5627  33

jQuery简单的文字跑马灯特效

这是一款非常简单的jQuery文字跑马灯特效插件。该跑马灯特效使文本从右向左不停循环,当鼠标放到跑马灯上的文字时,跑马灯会暂停运动。
  滚动
 93999  75

CSS3 滚动视觉差效果加返回顶部

CSS3 滚动视觉差效果+返回顶部.
  滚动
 15904  97

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

    一夜梦醒 0
    2018/2/28 16:54:16
    如果滚动内容是可以直接编辑,例如div里加上contenteditable="true"之后,编辑的内容使得内容区域高度变化,那么滚动条就会超出容器范围之外
        强少0
        2018/3/21 10:06:06
        实际项目中有这样的需求的话,可以自己研究一下!可以从初始化重新构造滚动条入手考虑...
    回复
    小闰土 0
    2018/1/7 22:17:56

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

    体验不好

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