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

所属分类:UI-滚动

 23033  299  查看评论 (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对象,详细参数解释请查看下载文件

相关插件-滚动

自定义滚动条

自定义滚动条,实现滚轮滚动内容
  滚动
 44457  293

javript自定义滚动条

用原生的javript写的自定义滚动条具有拖拽,滚轮事件和键盘事件
  滚动
 23381  235

滚动条

可定制的滚动条,通过js+css实现
  滚动
 42092  211

原生js向上滚动消息框

原生js封装的滚动消息框,简单实用
  滚动
 19151  205

讨论这个项目(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没法拉到底 不兼容 回复

    容器内的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,本人不是经常登录这个

    回复
取消回复