jQuery自定义内容滚动条插件
来源:互联网 发布:淘宝上的俄罗斯巧克力 编辑:程序博客网 时间:2024/04/28 13:27
使用方法:
首先下载插件:http://manos.malihu.gr/jquery-custom-content-scroller/
一、HTML
引入以下文件
<link rel="stylesheet" href="/jquery.mCustomScrollbar.css" /><script type="text/javascript" src="js/jquery-1.11.0.min.js"></script><script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script>
二、CSS
首先必须要有滚动条出现,给DIV限定高度,并指定overflow样式为auto,
这样当内容超出后就会自动出现滚动条了
<style> .div-height { width: 300px; height: 300px; overflow: auto; }</style>
三、初始化HTML
<div class="content" data-mcs-theme="dark"> <!-- your content --></div>
四、初始化JS
<script> $(function(){ $(".content").mCustomScrollbar(); })</script>
效果演示:jquery_scroller
官网:http://manos.malihu.gr/jquery-custom-content-scroller/
作者:itmyhome
2 0
- jQuery自定义内容滚动条插件
- jQuery自定义内容滚动条插件
- jquery插件 - 自定义滚动条插件
- jQuery自定义滚动条样式插件mCustomScrollbar
- jQuery自定义滚动条样式插件mCustomScrollbar
- jQuery自定义滚动条样式插件mCustomScrollbar
- 自定义滚动条插件
- 自定义滚动条插件
- LinScroll (jquery插件) (用图片自定义滚动条)
- jQuery高性能自定义滚动条美化插件
- jQuery高性能自定义滚动条美化插件
- 自定义滚动条插件--mCustomScrollbar
- jquery滚动条插件slimScroll
- jquery插件封装:滚动条
- jquery滚动条美化插件
- 自定义滚动条jQuery版
- jquery zTree内容过宽时加滚动条
- jQuery自定义风格各异的横向或纵向内容滚动条效果
- Unity3D -- 从excel文件中读取数据
- 单例模式
- 欢迎使用CSDN-markdown编辑器
- linux系统之间ssh免密码登录
- swift POS8583报文组装工具
- jQuery自定义内容滚动条插件
- 选择最轻便的方法解决问题
- 异常情况下代码执行的先后顺序
- centos上安装ImageMagick
- Java中super的几种用法并与this的区别
- 在iOS上实现一个简单的日历控件
- QT5.5.0+VS2013(64位)+hidapi 的USB继续深究之VID和PID
- 宇宙生命进化的八大密度
- 【jQuery】parent > child选择器