使用jquery.mCustomScrollbar自定义滚动条（1）
dark light light-2 light-3 light-thick light-thin dark-thin
inset inset-2" 3d 3d-dark 3d-thick minimal-dark
下面是最简单的使用例子：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery版的自定义滚动条</title>
<link rel="stylesheet" type="text/css" href="bootstrap/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="jquery/jquery.mCustomScrollbar.min.css">
<style type="text/css">
.content{
width: 500px;
margin: 0 auto;
border: 1px solid #ccc;
padding: 10px 0 10px 10px;
max-height: 300px;
overflow: auto;
}
/** 覆盖最初的滚动条样式 */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #333;
width: 6px;
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #333;
background-color: rgba(102,102,102,0.9);
}
</style>
</head> <body> <div class="container">
<div class="row">
<h3 class="text-center">详情描述</h3>
<div class="content mCustomScrollbar">
所谓的甩头。就是虚实举球马上停加碎步。
就是篮筐反方向键。↓W或者下DW。马上停。然后调整人物方向
带着这几点疑问看视频吧：
1.C防两个人的时候是怎么防的？
2.怎么应对女PF的钟头？
3.被吸到的时候是怎么保证不倒的？还是就不让敌人吸到你？
4.篮板是怎么抢的？ 等分？ 直接秒？
所谓的甩头。就是虚实举球马上停加碎步。
就是篮筐反方向键。↓W或者下DW。马上停。然后调整人物方向
带着这几点疑问看视频吧：
1.C防两个人的时候是怎么防的？
2.怎么应对女PF的钟头？
3.被吸到的时候是怎么保证不倒的？还是就不让敌人吸到你？
4.篮板是怎么抢的？ 等分？ 直接秒？
所谓的甩头。就是虚实举球马上停加碎步。
就是篮筐反方向键。↓W或者下DW。马上停。然后调整人物方向
带着这几点疑问看视频吧：
1.C防两个人的时候是怎么防的？
2.怎么应对女PF的钟头？
3.被吸到的时候是怎么保证不倒的？还是就不让敌人吸到你？
4.篮板是怎么抢的？ 等分？ 直接秒？
所谓的甩头。就是虚实举球马上停加碎步。
就是篮筐反方向键。↓W或者下DW。马上停。然后调整人物方向
带着这几点疑问看视频吧：
1.C防两个人的时候是怎么防的？
2.怎么应对女PF的钟头？
3.被吸到的时候是怎么保证不倒的？还是就不让敌人吸到你？
4.篮板是怎么抢的？ 等分？ 直接秒？
所谓的甩头。就是虚实举球马上停加碎步。
就是篮筐反方向键。↓W或者下DW。马上停。然后调整人物方向
带着这几点疑问看视频吧：
1.C防两个人的时候是怎么防的？
2.怎么应对女PF的钟头？
3.被吸到的时候是怎么保证不倒的？还是就不让敌人吸到你？
4.篮板是怎么抢的？ 等分？ 直接秒？
所谓的甩头。就是虚实举球马上停加碎步。
就是篮筐反方向键。↓W或者下DW。马上停。然后调整人物方向
带着这几点疑问看视频吧：
1.C防两个人的时候是怎么防的？
2.怎么应对女PF的钟头？
3.被吸到的时候是怎么保证不倒的？还是就不让敌人吸到你？
4.篮板是怎么抢的？ 等分？ 直接秒？
</div>
</div>
</div> </body>
<script src="jquery/jquery.min.js"></script>
<script src="bootstrap/bootstrap.min.js"></script>
<script src="jquery/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript">
</script>
</html>
._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
/ 1st scrollbar dragger style… /
}
._mCS_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
/ 2nd scrollbar dragger style… /
}
._mCS_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
/ 3rd scrollbar dragger style… /
}
使用jquery.mCustomScrollbar自定义滚动条（1）的更多相关文章
- 使用jquery.mCustomScrollbar自定义滚动条（4）live使用，向未来元素添加滚动条，不实用，了解一下
.div_box元素是本来没有的,在滚动条初始化的时候方法是加在$('.content .div_box').mCustomScrollbar()上面,参数live:on; 点击按钮的时候,进行con ...
- 使用jquery.mCustomScrollbar自定义滚动条（3）callback onCreate
碰到了一个问题,想简洁,所以在页面上使用 <div class="div_box mCustomScrollbar" data-mcs-theme="dark-3& ...
- 使用jquery.mCustomScrollbar自定义滚动条（2）
参考博客:http://www.qianxingzhem.com/post-1602.html 接着上篇,另一个使用的例子,使用js来初始化滚动条,并且div中的内容可变化.需要调用相应的方法, 代码 ...
- 基于jQuery的自定义滚动条
在线演示 本地下载
- jQuery自定义滚动条样式插件mCustomScrollbar
如果你构建一个很有特色和创意的网页,那么肯定希望定义网页中的滚动条样式,这方面的 jQuery 插件比较不错的,有两个:jScrollPane 和 mCustomScrollbar. 关于 jScro ...
- 自定义滚动条 - mCustomScrollbar
项目中需要使用自定义滚动条,但是试用了很多都功能不够全,今天发现一个比较全而且用法很简单的 -- mCustomScrollbar http://manos.malihu.gr/jquery-cust ...
- 自定义滚动条mCustomScrollbar
mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义,它通过 Brandon A ...
- 滚动条mCustomScrollbar自定义
mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义,它通过 Brandon A ...
- jquery自定义滚动条 鼠标移入或滚轮时显示 鼠标离开或悬停超时时隐藏
一.需求: 我需要做一个多媒体播放页面,左侧为播放列表,右侧为播放器.为了避免系统滚动条把列表和播放器隔断开,左侧列表的滚动条需要自定义,并且滚动停止和鼠标离开时要隐藏掉. 二.他山之石: 案例来自h ...
随机推荐
- #505 1&2 A-C 后面未完成
A. Doggo Recoloring 题目意思是给一个字符串(都是小写字母),如果有两个字符相同,我们可以将这两个字符变成其他字符,问能不能使字符串字母都一样 思路 有两个相同字符时就能: 字符 ...
- 【shell编程】之基础知识-语法
一.shell变量 1.定义变量 定义变量时,变量名不加美元符号($,PHP语言中变量需要), 如: your_name="runoob.com" 注意,变量名和等号之间不能有空格 ...
- LG1861 星之器
题意 题目背景 Magic Land 上的时间又过了若干世纪„„ 现在, 人们谈论着一个传说:从前,他们的祖先来到了一个位于东方的岛屿, 那里简直就是另外一个世界.善于分析与构造的 Magic Lan ...
- struts2(三)拦截器
拦截器 需求 如果要访问某一个action类中的某一个方法的内容,如果是admin用户,则访问,如果不是admin用户,则不能访问. 实现 缺点 权限判断的代码和业务逻辑代码混合在一起了 利用拦截器 ...
- hostswap dcevm
什么是dcevm dcevm(DynamicCode Evolution Virtual Machine)是java hostspot的补丁(严格上来说是修改),允许(并非无限制)在运行环境下修改加载 ...
- kettle的系列教程
kettle--window开发环境和linux运行环境的迁移 kettle的输入输出组件和脚本组件 kettle--变量的使用 kettle的资源库 kettle的job kettle的hello ...
- MySQL聚合函数与数据分组
我们最常需要的是汇总数据而不是把他们实际检索出来 确定表中行数(或满足某个条件或包含某个特定值的行数) 确定表中行组的和 找出表列(或所有行或特定列)的最大值,最小值和平均值 聚集函数是运行在行组上, ...
- C语言面试题1
1.分析下面代码有什么问题? 1 2 3 4 5 6 void test1() { char string[10]; char* str1 = "0123456789"; s ...
- Java反射之如何判断类或变量、方法的修饰符(Modifier解析)
a->public b->public static c->public static final d->private 就是返回这些 https://blog.csdn.ne ...
- golang 查看代码调用关系图
go-callvis 是github上一个开源项目,可以用来查看golang代码调用关系. 安装 安装graphviz $ brew install graphviz 安装go-callvis go ...