mysql w3scoll_jQuery滚动条插件

jquery.slimscroll.js插件是一个支持把内容放在一个盒子里面，固定一个高度，超出的则使用滚动。

jquery.slimscroll.js不仅可以定义高度、宽度，还可以定义位置、滚动条大小、尺寸、颜色以及众多参数自定义，非常不错，推荐大家使用。

使用方法：

引入jQuery & jquery.slimscroll.js

[html]

[/html]

HTML

[html]

www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)www.w3cways.com(Web前端学习之路)

[/html]

[js]$(function(){

$(‘#inner-content-div’).slimScroll({

width: ‘250px’

});

[/js]

参数

[js]$(selector).slimScroll({

width: ‘300px’, //容器宽度,默认无

height: ‘500px’, //容器高度,默认250px

size: ’10px’, //滚动条宽度,默认7px

position: ‘left’, //滚动条位置,可选值:left,right,默认right

color: ‘#ffcc00′, //滚动条颜色,默认#000000

alwaysVisible: true, //是否禁用隐藏滚动条,默认false

distance: ’20px’, //距离边框距离,位置由position参数决定,默认1px

start: $(‘#child_image_element’), //滚动条初始位置,可选值top,bottom,$(selector)–内容元素位置,默认top

railVisible: true, //滚动条背景轨迹,默认false

railColor: ‘#222’, //滚动条背景轨迹颜色,默认#333333

railOpacity: 0.3, //滚动条背景轨迹透明度,默认0.2

wheelStep: 10, 滚动条滚动值,默认20

allowPageScroll: false, //滚动条滚动到顶部或底部时是否允许页面滚动,默认false

disableFadeOut: false //是否禁用鼠标在内容处一定时间不动隐藏滚动条,当设置alwaysVisible为true时该参数无效,默认false

});

[/js]

mysql w3scoll_jQuery滚动条插件 – jquery.slimscroll.js相关推荐

针对模拟滚动条插件(jQuery.slimscroll.js)的修改
在开发过程中程序员总会碰到产品经理提出的各种稀奇古怪的需求,尽管有些需求很奇葩,但不得不说有些须有还是能指引我们不断的学习与进步,最近在工作中就碰到这种问题.需求是要求在各主流浏览器上使用自定义的滚动 ...
一个很好的滚动条插件jquery.slimscroll.js
该插件的下载地址: https://codeload.github.com/rochal/jQuery-slimScroll/zip/v1.3.0 安装Set up 首先需要引入jquery 在次需要 ...
jquery个性滚动条插件jquery.mCustomScrollbar.js的使用
jquery.mCustomScrollbar.js是一款非常漂亮的滚动条样式插件,同过它你可以自由的定制自己喜欢的滚动条. 而且兼容IE6 和IE7等的浏览器 <!DOCTYPE html&g ...
滚动条插件---jquery.nicescroll.js
nicescroll 滚动条插件是一个非常强大的基于 jQuery 的滚动条插件,不需要增加额外的css,几乎全浏览器兼容.ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件, ...
jquery.slimscroll.js 插件库的应用
调用 <script src="js/jquery.slimscroll.js"></script> 滚动条样式设置 $(".text" ...
ajax 批量上传图片插件,jQuery多文件上传插件jquery.imageuploader.js
插件描述:jQuery多文件上传插件jquery.imageuploader.js,可以同时上传多个文件并支持拖拽上传 jquery.imageuploader.js 一款jquery多文件上传插件. ...
jQuery插件 -- Cookie插件jquery.cookie.js（转）
2019独角兽企业重金招聘Python工程师标准>>> jQuery插件 -- Cookie插件jquery.cookie.js(转) Cookie是网站设计者放置在客户端的小文本文 ...
jQuery分页插件(jquery.page.js)的使用
效果描述: 不用分页即可显示的jQuery插件 jQuery分页插件--jQuery.page.js用法很简单,效果很棒 1.前端首先html的head中引入相关css与js <link re ...
判断浏览器插件 jquery.ua.js
判断浏览器插件 jquery.ua.js /*!* jquery.ua.js* @link https://github.com/cloudcome/jquery.ua* @author ydr.m ...

mysql w3scoll_jQuery滚动条插件 – jquery.slimscroll.js

mysql w3scoll_jQuery滚动条插件 – jquery.slimscroll.js相关推荐

最新文章

热门文章