jQuery纵向滚动条(原创)

所属分类:UI-滚动

 8232  33  查看评论 (7)
jQuery纵向滚动条(原创) ie兼容9

更新时间:2017/8/29 上午11:29:14

更新说明:滚动的样式做了一些改动,同时支持实例化传入样式参数,调用方法由原来的单元素调用改为支持多个元素一次调用,滚动条的滚动自适应优化调整,新加了与浏览器默认滚动的兼容处理


使用方法

$("#id").xb_scroll();//实例化对向

可传入参数:

{
    "speed": 25,
    "isMaxHeight": false,
    "barOffTop": 2,
    "barOffBottom": 2,
    "barOffRight": 2,
    "boxWidth": 10,
    "barWidth": 10,
    "childPanel": "._panel-box",
    "boxClass": "_scroll_box",
    "barClass": "_scroll_bar"
}

没有特殊要求可不用传入、修改相关参数,对于容器使用了max-heihgt必穿参数{"isMaxHeight":true},见demo

相关插件-滚动

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

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

jQuery全屏视差滚动效果

jQuery全屏视差滚动效果
  滚动
 12706  98

jQuery仿淘宝网右侧悬浮返回顶部和建议代码

jQuery仿淘宝网右侧悬浮返回顶部和建议代码
  滚动
 14473  44

jQuery图像无缝滚动插件jquery.imgscroll.js

jquery.imgscroll.js插件是一款支持图片焦点滚动(支持渐变和滚动),图片连续无缝循环滚动的js库
  滚动
 9319  54

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

    承诺 0
    2017/8/25 16:15:27

    在vue中怎么使用

    回复
    上善若水 0
    2017/6/12 16:00:34
    还有一个问题就是当鼠标移出当前滚动区域的时候  滚动条要消失 回复
    上善若水 0
    2017/6/12 15:42:45

    还必须得用_panel-box 这个class,,负责就不出现滚动条,,还有就是滚动条的行间样式太丑,更改麻烦

        L0
        2017/6/12 16:14:41

        感谢的你的反馈,现在已经做了些修改,没时间放上去,好不意思

    回复
    雨萱 0
    2017/4/6 14:45:18
    高度缩小,就拉不到最下面 回复
      S, 0
    2017/3/29 12:33:34
    1245835022 0
    2017/3/28 12:33:23
取消回复