浏览器滚动条美化样式插件.
posted @   sevennight  阅读(3190)  评论(0编辑  收藏  举报

Jquery.Nicescroll.js

nicescroll是一个jQuery插件
支持水平滚动条!
它支持div,iframe,文本,文档页面滚动条。
所有的桌面浏览器兼容:Firefox 4 + 5 +,Chrome,Safari 4 +,Opera 10 +,IE+6
与移动设备兼容:iPhone / iPod / ipad,Android 2.2 +,黑莓手机和PlayBook(webworks /表操作系统),Windows Phone 7.5芒果和Windows手机8。
所有触摸设备兼容:ipad
compabible多输入设备(触摸笔或者鼠标):窗面,Chrome桌面触摸笔记本。

地址:http://www.areaaperta.com/nicescroll/

 

Jquery.slimScroll.js

用于模拟传统的浏览器滚动条(竖向),原理为原内容内置于一个仅可视区域显示层,使用2个div层用于模拟滚动条和滚动条背景轨道监听滚动条div高度变化来控制内容层位置(猜测),可自定义滚动条颜色,其轨迹(背景颜色),宽度,位置,滚动阀值,与容器的padding值等~使用中依赖于jquery库.

地址:http://rocha.la/jQuery-slimScroll

 

Jquery.Scrollbar.js

Tiny Scrollbar是基于jQuery的滚动条插件, 风格简洁, 可自定义样式, 体积较小。

插件特点:

支持iPhone, iPad, Android
新版1.8,可以在移动设备上滚动内容
可以在水平方向和垂直方向滚动
支持滚轮,拇指、跟踪、触摸。
它有一个更新函数,这样它就可以处理内容的变化。
拇指大小的滚动条,可以设置为自动或固定数量
容易定制
支持正常的滚动和移动风格转化的滚动。
轻量级其只有100行代码。大小是2,29 kb
样式可以自己设置,很自由。

地址:http://baijs.nl/tinyscrollbar/

 

编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示