添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 弹出层 | 滚动条 >

jQuery滚动条美化perfect-scrollbar.js插件

时间:2016-05-22      来源:互联网     
特效说明:
perfect-scrollbar.js是一个轻量级的(~14KB)的jQuery插件,能够帮助你轻松创建出自定义风格的滚动条。它不会影响默认的布局,也不需要任何任何的 CSS 修改,该插件适用于任何大小的容器,并重新安排位置,如果容器大小发生变化会自动调整位置。此外,滚动条的风格可以完全通过CSS定制。(兼容测试:IE7及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link href="src/perfect-scrollbar.css" rel="stylesheet">

2、调用JS插件代码:
<script language="javascript" src="src/jquery-1.9.1.min.js"></script>
<script src="src/jquery.mousewheel.js"></script>
<script src="src/perfect-scrollbar.js"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、实例化代码:
<script>
  jQuery(document).ready(function ($) {
    "use strict";
    $('#Default').perfectScrollbar();
  });
</script>
相关特效
  • js滚动条美化perfectScrollbar插件使用方法

    js滚动条美化perfectScrollbar插件使用方法

    一、Perfect ScrollBar功能描述 Perfect ScrollBar能够描绘出异乎寻常的页面UI描绘。如果你希望能够设计出与众不同的页面UI设计的话,Perfect ScrollBar可能就是你寻找的解决方案,一个简略可是……
    2014-09-22

最新更新特效

设计分享