jquery滾動條插件jScrollPane的使用介紹

更新時間：2013年11月08日 17:04:48 作者：

jScrollPane想必大家都不陌生吧它就是所謂的jquery滾動條插件，下面為大家介紹下其具體的使用，感興趣的朋友不要錯過

這是一個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包不能少且要放在插件包之前，本文略。

您可能感興趣的文章:

jquery實現(xiàn)手機發(fā)送驗證碼的倒計時代碼
這篇文章主要介紹了jquery實現(xiàn)手機發(fā)送驗證碼的倒計時代碼,需要的朋友可以參考下
2014-02-02
jQuery熱氣球動畫半透明背景的后臺登錄界面代碼分享
這篇文章主要介紹了jQuery實現(xiàn)熱氣球動畫背景登錄框，適合用于后臺登陸界面設計，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
jQuery實現(xiàn)鼠標滾輪動態(tài)改變樣式或效果
這篇文章主要介紹了jQuery實現(xiàn)鼠標滾輪動態(tài)改變樣式或效果,需要的朋友可以參考下
2015-01-01
jquery實現(xiàn)適用于門戶站的導航下拉菜單效果代碼
這篇文章主要介紹了jquery實現(xiàn)適用于門戶站的導航下拉菜單效果代碼,可實現(xiàn)鼠標滑過菜單項實現(xiàn)下拉列表顯示效果的功能,非常具有實用價值,需要的朋友可以參考下
2015-08-08
基于jQuery實現(xiàn)模擬頁面加載進度條
進度條的出現(xiàn)在于無法通過任何方法獲取整個頁面的大小和當前加載了多少，所以只能用進度條來模擬，接下來為大家介紹下實現(xiàn)方法，感興趣的朋友可以參考下哈
2013-04-04
jquery綁定事件 bind和on的用法與區(qū)別分析
這篇文章主要介紹了jquery綁定事件 bind和on的用法與區(qū)別,結合實例形式分析了jquery綁定事件 bind和on的基本功能、用法、區(qū)別與操作注意事項,需要的朋友可以參考下
2020-05-05
jQuery位置選擇器用法實例分析
這篇文章主要介紹了jQuery位置選擇器用法,結合實例形式分析了jQuery位置選擇器的功能、用法及相關操作注意事項,需要的朋友可以參考下
2019-06-06
jQuery 獲取遍歷獲取table中每一個tr中的第一個td的方法
下面小編就為大家?guī)硪黄猨Query 獲取遍歷獲取table中每一個tr中的第一個td的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
jquery網(wǎng)頁日歷顯示控件calendar3.1使用詳解
這篇文章主要為大家詳細介紹了jquery網(wǎng)頁日歷顯示控件calendar3.1使用,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-11-11
jQuery內容過濾選擇器用法分析
這篇文章主要介紹了jQuery內容過濾選擇器用法,實例分析了:contains()、:has()、:empty()、:parent等內容過濾選擇器的使用技巧,需要的朋友可以參考下
2015-02-02