本文主要是介绍超棒的自定义超酷滚动条jQuery插件 - Perfect Scrollbar,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
日期:2013-2-16 来源:GBin1.com
在线演示
可能大家厌倦了千篇一律的页面滚动条,如果你希望能够设计出与众不同的页面UI设计的话,Perfect ScrollBar可能就是你寻找的解决方案。
这个滚动条来自于一个个人项目,一个简单但是非常棒的滚动条设计。当然这里也有其它的解决方案,如果你有兴趣也可以阅读:
使用jQuery插件jScrollPane开发Mac OSX Lion风格的滚动条
一个仿Apple - OS X Lion操作系统风格的滚动条jQuery插件- lionbars
主要特性:
- 不需要修改任何的元素的css
- 滚动条不影响最初的页面布局设计
- 滚动条支持完整的自定义
- 滚动条的尺寸和位置会随着容器尺寸或者内容的变化而变化
- 依赖于jQuery和相关几个类库
- 不需要定义宽度和高度。它会固定在容器的右下
- 你可以修改任何滚动条的样式,不依赖于其它脚本
- 滚动条支持'update'方法。如果你需要修改滚动条的位置和大小,只需要调用这个方法即可
- 不使用'scrollTop'和'scrollLeft',不是用任何绝对定位
使用要求:
- 必须有一个内容元素
- 容器必须拥有一个'position'的CSS样式定义
- 滚动条的position必须是'absolute'
- scrollbar-x必须拥有一个bottom的样式定义,scrollbar-必须有一个'right'的样式定义
如何使用:
.......
via gbtags
来源:超棒的自定义超酷滚动条jQuery插件 - Perfect Scrollbar
这篇关于超棒的自定义超酷滚动条jQuery插件 - Perfect Scrollbar的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!