jquery滚动条插件jScrollPane的使用介绍


Posted in Javascript onNovember 08, 2013

这是一个js的页面滚动条插件
使用时引入三个文件:(路径自行填写)

<link type="text/css" href="路径/jquery.jscrollpane.css" rel="stylesheet" media="all" /> 
<script type="text/javascript" src="路径/jquery.mousewheel.js"></script> 
<script type="text/javascript" src="路径/jquery.jscrollpane.min.js"></script>

然后再给需要添加滚动条的容器加上一个方法,搞定
$(function(){ 
$("#contentDiv").jScrollPane(); 
})

太好用了!
ps:如果要修改滚动条的默认样式可以打开jquery.jscrollpane.css文件修改
当然这作为jquery的一个插件,原始的jquery包不能少且要放在插件包之前,本文略。
Javascript 相关文章推荐
IE和Firefox下event事件杂谈
Dec 18 Javascript
jQuery UI AutoComplete 自动完成使用小记
Aug 21 Javascript
在javaScript中关于submit和button的区别介绍
Oct 20 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
Jun 09 Javascript
JQuery球队选择实例
May 18 Javascript
利用纯JS实现像素逐渐显示的方法示例
Aug 14 Javascript
bootstrap-table实现服务器分页的示例 (spring 后台)
Sep 01 Javascript
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
Angular5.0 子组件通过service传递值给父组件的方法
Jul 13 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
Aug 08 Javascript
Vue实现固定定位图标滑动隐藏效果
May 30 Javascript
解决vue-router 二级导航默认选中某一选项的问题
Nov 01 Javascript
JQ获取动态加载的图片大小的正确方法分享
Nov 08 #Javascript
用JS将搜索的关键字高亮显示实现代码
Nov 08 #Javascript
jQuery 获取浏览器所在的IP地址的小例子
Nov 08 #Javascript
js去除空格的12种实用方法
Nov 08 #Javascript
js加载之使用DOM方法动态加载Javascript文件
Nov 08 #Javascript
javascript获取url上某个参数的方法
Nov 08 #Javascript
jqgrid 编辑添加功能详细解析
Nov 08 #Javascript
You might like
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
PHP封装的page分页类定义与用法完整示例
2018/12/24 PHP
php如何获取Http请求
2020/04/30 PHP
关于event.cancelBubble和event.stopPropagation()的区别介绍
2011/12/11 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
JQuery获取样式中的background-color颜色值的问题
2013/08/20 Javascript
JavaScript通过this变量快速找出用户选中radio按钮的方法
2015/03/23 Javascript
javascript判断回文数详解及实现代码
2017/02/03 Javascript
兼容浏览器的js事件绑定函数(详解)
2017/05/09 Javascript
JS实现的简单四则运算计算器功能示例
2017/09/27 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
JS使用数组实现的队列功能示例
2019/03/04 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
2019/06/05 Javascript
js实现坦克移动小游戏
2019/10/28 Javascript
JavaScript实现公告栏上下滚动效果
2020/03/13 Javascript
微信小程序纯文本实现@功能
2020/04/08 Javascript
使用python解析xml成对应的html示例分享
2014/04/02 Python
Python获取远程文件大小的函数代码分享
2014/05/13 Python
在RedHat系Linux上部署Python的Celery框架的教程
2015/04/07 Python
Python实现树莓派WiFi断线自动重连的实例代码
2017/03/16 Python
Python3爬虫学习之将爬取的信息保存到本地的方法详解
2018/12/12 Python
python 实现图片裁剪小工具
2021/02/02 Python
HTML5的标签的代码的简单介绍 HTML5标签的简介
2012/05/28 HTML / CSS
小程序瀑布流解决左右两边高度差距过大的问题
2019/02/20 HTML / CSS
英国泰坦旅游网站:全球陪同游览,邮轮和铁路旅行
2016/11/29 全球购物
三好学生自我鉴定
2013/12/17 职场文书
公司晚会主持词
2014/03/22 职场文书
干部个人考察材料
2014/12/24 职场文书
前台文员岗位职责
2015/02/04 职场文书
2016年员工政治思想表现评语
2015/12/02 职场文书
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS
Java并发编程之详解CyclicBarrier线程同步
2021/06/23 Java/Android
关于python中模块和重载的问题
2021/11/02 Python
Oracle数据库中通用的函数实例详解
2022/03/25 Oracle
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏