jquery滚动条插件

1、NiceScroll:可用于桌面、移动与触摸设备的jQuery滚动插件

NiceScroll是一个jQuery插件(since 1.5),它有着类似于ios/移动设备的样式。它支持Div、iFrame、一个body的滚动条效果。适用于iOS设备。

在线演示

2、Lion样式jQuery滚动条:nanoScroller

nanoScroller提供提供了一种简便的方式让你的网站拥有Mac OS X Lion样式的滚动条。

在线演示

3、jQuery自定义内容滚动

自定义滚动插件利用就Query UI以提供完整的CSS自定义,它支持水平/垂直滚动,并支持鼠标滚轮(通过Brandon Aaron jQuery 鼠标滚轮插件实现),滚动顺滑并能自适应滚动条高宽。

在线演示 查看更多

4、Tiny Scrollbar – 轻量级jQuery插件 

在线演示 查看更多

5、jScroolPane实现滚动条可见性变换

在线演示 查看更多

6、Scrollbar Paper

Scrollbar Paper并不是要替代浏览器默认的滚动条。相反,它只是对滚动条的自定义,就像墙纸一样。

在线演示 查看更多

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

在线演示 查看更多

8、jQuery Scrollbars v2

该插件能自适应Javascript被禁用下的滚动效果。

在线演示 查看更多

9、ShortScroll – jQuery UI 之Google Wave样式滚动条

Google Wave中的滚动条是其中最棒的UI特性。它增加加的功能以及样式比浏览器默认的更好。

在线演示 查看更多

10、jQuery UI 滑块实现竖直滚动条

在线演示 查看更多

11、Scrollbar.js插件 

该插件只有一个目的,就是创建滚动条从事在较小的可视范围内展现内容。

在线演示  查看更多

12、jScroll 4:为移动WebKit提供滚动特性

在线演示

13、jScrollbar :利用jQuery UI创建滚动条

在线演示 查看更多

14、jQuery 滚动条挂件:jqWidgets

在线演示 查看更多

15、jQuery 个性化滚动条插件(跨浏览器)

在线演示 查看更多

16、使用jQuery 与 css 实现Gmail风格滚动条

在线演示

17、使用jQuery 与 css 构建Facebook/Twitter样式滚动条

在线演示

18、Scrollbars V2

在线演示

19、RollBar – jQuery滚动条插件

RollBar插件被开发目的在于代替标准浏览器的滚动条,使其能被定制化以及完美的配合网站风格。

在线演示 查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流