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

所属分类: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
  滚动
 6429  73

jQuery仿Mac OS X Lion 系统滚动条插件nanoScroller.js

nanoScrollerJS是一款使用简单方式实现 Mac OS X Lion 系统滚动条效果的jQuery插件。该滚动条插件使用最小的HTML结构.nano > .nano-content。其它的滚动条元素.pane > .nano-slider是在插件运行时动态加载的。该滚动条插件利用原生的滚动条可以工作在 iPad、iPhone 和一些 Android Tablets上。
  滚动
 6241  24

jquery全屏实例-史记

jquery全屏实例-史记
  滚动
 17121  187

jQuery 3D立方体切换过渡插件cubeTransition.js

cubeTransition.js是一款超酷3D立方体页面切换过渡动画jQuery插件。该插件通过CSS 3D transforms 和 CSS Animations来制作平滑的立方体过渡动画特效。
  滚动
 6321  49

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

    0@安 0
    2017/8/31 9:56:50

    容器内的input无法只能输入中文,

        初、寂寞时光0
        2017/11/18 16:54:22
        新版已经支持,请Q联系我发你新版,新版还在进行一些更新,暂时不发布在这个平台,平时不常在
    回复
    0
    2017/7/24 10:04:14
    挺不错的 想看看源码学习一下 回复
    君临、 0
    2017/6/18 18:07:36

    ie6下滑块会没法到底.

        初、寂寞时光0
        2017/6/30 14:28:19

        是吗  这个问题我这里没发现  因为这个插件目前正在做移动端优化 没太多时间测试  所以有bug反馈的同志最好能够QQ联系我 我会远程帮你解决  我不常登录这个

    回复
    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
取消回复