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

所属分类:UI-滚动

 32407  423  查看评论 (21)
分享到微信朋友圈
X
自制高度可定制滚动条插件(原创) 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对象,详细参数解释请查看下载文件

相关插件-滚动

仿股市表格实时轮播

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

jQuery自定义滚动条插件

支持IE9及以上,360,谷歌,火狐的自定义滚动条,可以设置滚动条的初始位置以及滚动条的颜色等
  滚动
 27141  316

js交集监测插件scrollama.js

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

新闻向下翻滚更新

新闻向下翻滚更新
  滚动
 35665  431

讨论这个项目(21)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    潇洒哥等等我 0
    2020/5/12 10:54:48
    动态加载数据套用了之后移动上去还是display: none,不是动态的数据就是好的,,动态怎么解决 回复
    猴小哥。 0
    2018/7/18 16:08:03
    请作者联系我Q。1668079770,文件下载下来没东西 回复
    猴小哥。 0
    2018/7/18 16:06:12
    付钱下载了,居然是个空文件?0kb??? 回复
    吴惜晨-展盟网络科技 0
    2018/5/22 16:03:56
    ie6没法拉到底 不兼容 回复
    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,本人不是经常登录这个

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复