10个jQuery滚动条插件 ,可帮助您以更具交互性和响应性的方式显示任何内容。 解决方案是jQuery,我们希望使用CSS的功能和jQuery的美感来呈现自定义滚动内容。

更新29/09/13:添加了11. jQuery NiceScroll插件

高级– VenScrollBar – jQuery滚动条插件

VenScrollBar是一个jQuery插件,允许Web设计人员用他们创建的自定义滚动条替换难看的默认OS滚动条。

jquery 禁用滚动 jquery滚动插件_jquery 禁用滚动

2. DIV的自定义滚动条

该工具将HTML5范围输入带入所有浏览器,以使其外观和行为符合您的要求。 这种小巧的糖果仅重2.2 Kb。 此处,范围输入用于控制DIV的滚动。 再加上一些编码,您可以像Apple一样展示您的产品。

jquery 禁用滚动 jquery滚动插件_jquery 禁用滚动_02

资源

3.滚动条纸

滚动条Paper不会替代浏览器的默认滚动条。 相反,它使用自定义滚动条覆盖它,就像墙上的纸一样:这就是为什么将其称为“滚动条纸”的原因。

jquery 禁用滚动 jquery滚动插件_ui_03

资源

4. jQuery滚动条替换

这些滚动条是完全可操作的,可以确定其行为以及外观。 该脚本使用“ jquery.corner”插件实现可爱的跨浏览器圆角,并使用“ jquery.drag”实现更可靠的拖动事件注册。

jquery 禁用滚动 jquery滚动插件_javascript_04

资源

5. jQuery自定义内容滚动器

使用jquery和css创建的自定义内容滚动器,支持鼠标滚轮,滚动缓动并具有完全可自定义的滚动条。 该脚本利用jQuery UI和Brandon Aaron jquery mousewheel插件。 使用CSS非常容易配置和样式化。

jquery 禁用滚动 jquery滚动插件_jquery 禁用滚动_05

资源

6. Tiny Scrollbar –一个轻量级的jQuery插件

微小的滚动条可用于滚动内容。 它是使用JavaScript jQuery库构建的。 Tiny滚动条设计为动态的轻量级实用程序,可为Web设计人员提供增强网站用户界面的强大方法。

资源

7. jScrollPane –自定义跨浏览器滚动条

这是一个jQuery插件,可为您提供自定义滚动条,这些滚动条可在所有现代浏览器中一致地工作。 您可以使用简单的CSS设置滚动条的样式,并且在禁用JavaScript的情况下它们会优雅地降级。

资源

8.发布:[jQuery插件]无尽的滚动

(或无限滚动)是Web 2.0站点(例如Google Reader和Live Image Search)中一种流行的技术,该页面不使用传统的分页技术对项目进行分页,而是在页面末尾不断加载新的项目。

jquery 禁用滚动 jquery滚动插件_jQuery_06

资源

9. jQuery Scroll关注

一个简单的jQuery插件,使DOM对象可以在用户滚动时跟随页面。 滚动跟随已在Windows上的IE6,IE7,FF2,FF3,Safari 3和Opera 9上成功测试。 它已在MacOSX的FF3和Safari 3上成功测试。

jquery 禁用滚动 jquery滚动插件_jQuery_07

资源

10. jQuery quickie:使用Twitter API的无限滚动

这是一项很棒的技术,可用于大量网站。 用户必须单击才能查看下一页,而不是常规分页,而当用户位于底部时,无限制滚动会自动加载下一页。

jquery 禁用滚动 jquery滚动插件_jquery 禁用滚动_08

资源

jQuery NiceScroll插件

Nicescroll功能强大且可自定义,但使用起来很不错。 该示例可在所有主流浏览器和移动设备上运行。

jquery 禁用滚动 jquery滚动插件_ui_09