jQuery技术

jquery滚动条插件slimScroll

字号+ 作者:H5之家 来源:H5之家 2017-02-28 09:03 我要评论( )

jQuery slimScroll插件是一个支持把内容放在一个盒子里面,固定一个高度,超出的则使用滚动。该插件挺好的。 不过不支持resize的时候重新调用插件,有一个贡献者

jQuery slimScroll插件是一个支持把内容放在一个盒子里面,固定一个高度,超出的则使用滚动。该插件挺好的。

不过不支持resize的时候重新调用插件,有一个贡献者已经修改过源码,不过作者并没有加进去。

如果你有需要,可以去看看:https://github.com/kujian/jQuery-slimScroll

我已经把项目的压缩也改过来了。

插件项目地址:,该插件不支持IE7。

代码使用:

function setScroll(){ $(".box-list").slimScroll({ height: boxHeight, alwaysVisible: true, }); } setScroll(); $(window).on("resize",setScroll);

参数设置:

$(selector).slimScroll({ width: '300px', height: '500px', size: '10px', position: 'left', color: '#ffcc00', alwaysVisible: true, distance: '20px', start: $('#child_image_element'), railVisible: true, railColor: '#222', railOpacity: 0.3, wheelStep: 10, allowPageScroll: false, disableFadeOut: false });

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jquery页面加载

    jquery页面加载

    2017-02-28 09:05

  • jquery中自定义插件开发教程

    jquery中自定义插件开发教程

    2017-02-27 13:00

  • Jquery插件写法笔记整理

    Jquery插件写法笔记整理

    2017-02-27 12:02

  • jquery 中ajax执行的优先级

    jquery 中ajax执行的优先级

    2017-02-27 12:00

网友点评