jScrollPane_替换默认滚动条样式的jQuery插件

Web前端开发网

fly63.com

首页资源工具文章教程栏目

jScrollPane

网站地址:http://jscrollpane.kelvinluck.com/

GitHub:https://github.com/vitch/jScrollPane

描述信息:替换默认滚动条样式的jQuery插件

访问官网

GitHub

jScrollPane 是一个使用 jQuery 和 CSS 打造的跨浏览器滚动条风格插件，通过简单的 CSS 设置就能够替换所有分块元素在浏览器中默认的滚动条样式。

用法

使用 jScrollPane 非常简单。你只需将相关文件包含在文档的 <head> 中：

引入文件

<!-- styles needed by jScrollPane -->
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />

<!-- latest jQuery direct from google's CDN -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>

<!-- the jScrollPane script -->
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>

JS

然后你只需要在 document.ready 上初始化 jScrollPane（使用一个选择器，它会找到你想要应用 jScrollPane 的内容）

$(function()
{
	$('.scroll-pane').jScrollPane(); 
});

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/1077

热门资源

jquery插件库

收集最全最新最好的jQuery插件

官网

jQuery之家

致力于搜集和整理各种jQuery插件，jQuery特效...

官网

fullPage.js

jQuery全屏滚动插件

官网

GitHub

Waterfall.js

瀑布流无限加载插件

官网

GitHub

Raty

一个非常棒的jQuery 评分插件

官网

GitHub

Bootstrap-waterfall

一款基于Bootstrap仿Pinterest网站的网格瀑布流插件

官网

GitHub

Jcrop

一个功能强大的 jQuery 图像裁剪插件

官网

GitHub

jcarousel

jQuery轮播图插件

官网

GitHub

Parallax.js

一款jQuery滚动视觉差插件

官网

GitHub

vegas

一个jQuery / Zepto幻灯片插件

官网

GitHub

paroller.js

一款轻量级的页面滚动视觉差特效jquery插件

官网

GitHub

lazyload.js

jquery图片懒加载插件

官网

GitHub

类似于jScrollPane的资源

selectize.js

基于 jQuery 的 <select> UI 控件

官网

GitHub

Uploadify

jQuery的一个上传插件（支持批量上传）

官网

GitHub

isotope

过滤和排序神奇布局插件

官网

GitHub

bxslider

响应式jQuery的内容滑块插件

官网

GitHub

jquery.fileapi

jquery功能强大文件上传库

官网

GitHub

fancyInput

jquery文本输入动画效果插件

官网

GitHub

datetimepicker

时间和日期选择器的 jQuery 插件

官网

GitHub

slider.js

炫酷jquery底部带有缩略图的插件

官网

GitHub