注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jquery完美的自定义风格滚动条插件perfect-scrollbar

UI fishcity 3821浏览

滚动条插件perfect-scrollbar

各个浏览器的滚动条风格不一,因此很多网站都会自定义滚动条的风格。自定义风格的滚动条在所有的浏览器上看起来是一样(例如:几乎所有的谷歌应用程序都是用的灰色细条滚动条)。

Perfect Scrollbar 是一个轻量级的(~14KB)的 jQuery插件,能够帮助你轻松创建出自定义风格的滚动条。它不会影响默认的布局,也不需要任何任何的 CSS 修改,该插件适用于任何大小的容器,并重新安排位置,如果容器大小发生变化会自动调整位置。此外,滚动条的风格可以完全通过 CSS 定制,另外还支持鼠标滚轮插件 – jquery-mousewheel

使用方法:

引入核心文件

 <link href="src/perfect-scrollbar.css" rel="stylesheet">
 <script src="http://ajax.useso.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 <script src="src/jquery.mousewheel.js"></script>
 <script src="src/perfect-scrollbar.js"></script>

构建html

 <div id="Default" class="contentHolder">
      <div class="content">
      </div>
 </div>

写入js,初始化插件

   ¥(function ($) {
        $('#Default').perfectScrollbar();
      });

更多的参数设置请参考官方文档

转载请注明:jQ酷 » jquery完美的自定义风格滚动条插件perfect-scrollbar

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。