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)
第二步：加入滚动层
|
1 2 3 4 5 6 7 8 9 |
<div id="view_screenshort" style="height:200px; width:300px;"> <div class="content"> <p>这里是内容，请尽量长，以便超出容器高度以便需要滚动</p> </div> </div> |
第三步：启动特效
|
1 2 3 4 5 |
<script type="text/javascript"> $(document).ready(function(){ $('#view_screenshort').rollbar({zIndex:80}); }); </script> |
这个插件是收费的，且在CSDN等分享论坛也是要积分，现在共享出来~
求赐教啊！！
不能用啊！还是说这究竟是怎么用的啊？
收藏了！ :grin:
打酱油了！
没用。不知道咋回事 :cry: :cry: :cry:
打酱油了！！！
不太懂代码，只看效果。我是来打醋的。
不错不错，这个不错哦
我来打个酱油~~~
没酱油了~~~工作了，不太有时间折腾了v.v----