RollBar-一款清新的基于jQuery的滚动条美化插件分享
之前在写一个网页的时候,为了代替IE默认的丑陋不堪的滚动条(Scrollbar),选择了这款rollbar插件,它是基于jquery开发的,效果相比原生的漂亮了不少,它是一个纯色的自定义滚动条jquery插件,根据定义的元素的高度与宽度自动滚动条效果,还可以对整个页面body进行滚动条的设置,滚动条的样式通过CSS样式实现,直接看下面的演示吧。
Features-特性
- vertical and horizontal scroll modes-支持水平和垂直滚动
- mouse wheel and keyboard support-鼠标滚轮和按键响应支持
- sizes adjustment during window resize-随窗口调整自适应
- 15 configuration options-15个配置选项
- works on Android and iOS-适用安卓和iOS移动平台
- scroll callback function-支持滚动回调函数
- external API using jquery events-扩展API使用jquery事件
使用方法
第一步:引入必要的js,(jquery.rollbar.min.js ,jquery.js)
第二步:加入滚动层
这里是内容,请尽量长,以便超出容器高度以便需要滚动
第三步:启动特效
这个插件是收费的,且在CSDN等分享论坛也是要积分,现在共享出来~