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

所属分类:UI-滚动

 1921  49  查看评论 (9)
自制高度可定制滚动条插件(原创) 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单页滚动插件pagePiling.js

pagepiling.js是一个可以创建类似窗帘滚动网站的jQuery插件。它是灵活的,旧的浏览器和触摸设备兼容。您可以在原来的滚动的网站的基础上使用这个插件创建一个。
  滚动
 27641  137

全屏滚动插件带侧边栏

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

屏幕滚动显示

CSS3 响应式纵向滚屏翻页,支持键盘,鼠标操作
  滚动
 11894  105

兼容IE的滚动条

兼容IE6的滚动条,使用方便,大小只有9K。
  滚动
 9505  79

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

    遥远的她。 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

        谢过赞赏

    回复
取消回复