自制高度可定制滚动条插件(原创)

所属分类:UI-滚动

自制高度可定制滚动条插件(原创) ie兼容6

本插件有以下特点:

1.原生JS编写,无依赖

2.轻量化,压缩版仅7kb

3.皮肤可通过css定制

4.键盘、滚轮、鼠标等事件支持良好

5.兼容各种主流浏览器

本插件使用方法:

引用CSS:

<link href="nwScroll.css" rel="stylesheet" />

引用JS:

<script src="nwScroll.min.js"></script>

实例化:

<script type="text/javascript">
   nwScroll(divs, {
       yShow: true,
       xShow: true,
       autoHide: true,
       wheelRatio: 12,
       btnsRatio: 4
   });
</script>

注:实例化方法中的divs既可以是单个dom对象,也可以是多个dom对象的集合,而不是jquery对象,详细参数解释请查看下载文件

相关插件-滚动

jQuery滚动视差插件Parallax scrolly

超简单易用的jQuery视差插件Parallax scrolly
  滚动
 3812  49

模拟电梯的返回顶部插件Elevator.js

Elevator.js通过在返回时添加音乐,使网页在返回顶部过程中犹如电梯向上运行,到达顶部后,有“到达”的提示音。
  滚动
 8279  43

jQuery上下左右滚动插件rollSlide.js

实现上下左右自动滚动、无缝滚动
  滚动
 7094  93

jquer滚动隐藏显示顶部导航栏

引导固定导航栏 页面向下滚动时隐藏导航栏,向上显示,以及滚动到低部时显示顶部导航。
  滚动
 20219  51

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

    君临、 0
    2017/6/18 18:07:36

    ie6下滑块会没法到底.

    回复
    iVic飞哥超人 0
    2017/6/15 15:01:35
    测试了不支持移动端啊. 回复
    php-洪国伟 0
    2017/6/15 10:36:45

    不能修改源代码???

    回复
    初、寂寞时光 0
    2017/6/1 16:36:53

    本人即将更新该插件高阶版本,高阶版本将提供API接口支持,提供多个实用API接口,内容变化或窗口变化等都可通过API实现自适应,并将在下个高阶版本全面支持移动端浏览器的一系列触屏事件,支持弹性滚动等,感谢各位的长期使用,高阶版具体进度可咨询本人QQ,本人不是经常登录这个

    回复
    遥远的她。 0
    2017/4/13 19:19:15

    不忍吐槽,压缩就算了,还格式化出来是乱的,套用了之后移动上去还display: none,写的什么鬼,白下载,想修改代码都不行

        初、寂寞时光0
        2017/4/13 21:42:14

        肯定是你的操作有误额,插件是专门经过本人仔细测试,完全能满足一般情况使用的

    回复
    小烨烨··· 0
    2017/4/12 9:08:43

    很不错呢,想下载来试试

    回复
    开阳-李鸿 0
    2017/4/11 9:34:19

    是的不错,如果IE低版本的圆角也支持 是最好的

    回复
    最爱沈小姐 0
    2017/4/10 18:17:04
    最爱沈小姐 0
    2017/4/10 18:16:17
    最爱沈小姐 0
    2017/4/10 18:09:02
    恩还不错
        初、寂寞时光0
        2017/4/10 18:56:18

        谢过赞赏

    回复
取消回复