第3.1.1章 WEB系统最佳实践 js控件之slimScroll的使用
来源:互联网 发布:维斯布鲁克数据库 编辑:程序博客网 时间:2024/05/21 15:06
漂亮的虚拟滚动条,slimScroll下载地址
$(function() { $(".slimscroll").slimScroll({ width: 'auto', //可滚动区域宽度 height: '100%', //可滚动区域高度 size: '10px', //组件宽度 color: '#000', //滚动条颜色 position: 'right', //组件位置:left/right distance: '0px', //组件与侧边之间的距离 start: 'top', //默认滚动位置:top/bottom opacity: .4, //滚动条透明度 alwaysVisible: true, //是否 始终显示组件 disableFadeOut: false, //是否 鼠标经过可滚动区域时显示组件,离开时隐藏组件 railVisible: true, //是否 显示轨道 railColor: '#333', //轨道颜色 railOpacity: .2, //轨道透明度 railDraggable: true, //是否 滚动条可拖动 railClass: 'slimScrollRail', //轨道div类名 barClass: 'slimScrollBar', //滚动条div类名 wrapperClass: 'slimScrollDiv', //外包div类名 allowPageScroll: true, //是否 使用滚轮到达顶端/底端时,滚动窗口 wheelStep: 20, //滚轮滚动量 touchScrollStep: 200, //滚动量当用户使用手势 borderRadius: '7px', //滚动条圆角 railBorderRadius: '7px' //轨道圆角 });});
这个控件虽然很好,但是如果使用下面的样式,就好像有些多余了。
::-webkit-scrollbar-track { background-color: #F5F5F5}::-webkit-scrollbar { width: 6px; background-color: #F5F5F5}::-webkit-scrollbar-thumb { background-color: #999}
0 0
- 第3.1.1章 WEB系统最佳实践 js控件之slimScroll的使用
- 第3.1.2章 WEB系统最佳实践 js控件之requirejs的使用
- 第3.1.3章 WEB系统最佳实践 js控件之bootstrap-datepicker的使用
- 第3.1.4章 WEB系统最佳实践 js控件之bootstrap-suggest-plugin
- 第3.1.5章 WEB系统最佳实践 js控件之Ladda
- 第3.1.6章 WEB系统最佳实践 js控件之bootstrap table
- 第3.1.7章 WEB系统最佳实践 js控件之bootstrap switch
- 第2.1.1章 WEB系统最佳实践Spring文件配置之spring-cache.xml
- 第2.3.1章 WEB系统最佳实践属性配置之ehcache.xml
- 第2.2章 WEB系统最佳实践Web.xml配置
- 第2.1.2章 WEB系统最佳实践Spring文件配置之spring-common.xml
- 第2.1.3章 WEB系统最佳实践Spring文件配置之spring-dao.xml
- 第2.1.4章 WEB系统最佳实践Spring文件配置之spring-hessian-server.xml
- 第2.1.5章 WEB系统最佳实践Spring文件配置之spring-mvc.xml
- 第2.1.6章 WEB系统最佳实践Spring文件配置之spring-hessian-client.xml
- 第2.1.7章 WEB系统最佳实践Spring文件配置之spring-shiro.xml
- 第2.3.2章 WEB系统最佳实践属性配置之jdbc.properties
- 第2.3.3章 WEB系统最佳实践属性配置之shiro.properties
- js鼠标键盘事件的使用
- WordPress云解析HTML5播放器
- VS2010关于调用ffmpeg接口出错
- 分位数(quantiles)、Z-score 与 F-score
- 测试文章
- 第3.1.1章 WEB系统最佳实践 js控件之slimScroll的使用
- 一天一条Linux指令-uname
- 读《白说》有感
- VBA SQL连接
- go服务端----使用gin框架搭建简易服务
- javascript中this指向问题的综合
- 论文笔记-Augmented Lagrange Multiplier Method for Recovery of Low-Rank Matrices
- Android 连接指定的wifi
- 1149计算题