jquery滾動(dòng)條插件jScrollPane的使用介紹

2019-11-20 21:45:19

字體：大中小

供稿：網(wǎng)友

這是一個(gè)js的頁(yè)面滾動(dòng)條插件
使用時(shí)引入三個(gè)文件：（路徑自行填寫(xiě)）

 
<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> 

然后再給需要添加滾動(dòng)條的容器加上一個(gè)方法，搞定

復(fù)制代碼代碼如下:

 
$(function(){ 
$("#contentDiv").jScrollPane(); 
}) 

太好用了！
ps：如果要修改滾動(dòng)條的默認(rèn)樣式可以打開(kāi)jquery.jscrollpane.css文件修改
當(dāng)然這作為jquery的一個(gè)插件，原始的jquery包不能少且要放在插件包之前，本文略。

上一篇：編寫(xiě)js擴(kuò)展方法判斷一個(gè)數(shù)組中是否包含某個(gè)元素

下一篇：JQ獲取動(dòng)態(tài)加載的圖片大小的正確方法分享

學(xué)習(xí)交流

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)箱大愛(ài)...

熱門(mén)圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注

新聞熱點(diǎn)

榮耀總裁趙明烏鎮(zhèn)演講：榮耀首款5G手機(jī)V30下月發(fā)布

2019-10-23 09:17:05

搜狐張朝陽(yáng)：回歸媒體是搜狐重新崛起的關(guān)鍵

2019-10-21 09:20:02

華為輪值董事長(zhǎng)郭平：虛擬技術(shù)創(chuàng)造現(xiàn)實(shí)價(jià)值

2019-10-21 09:00:12

滴滴英文服務(wù)上線兩周年用戶已超200萬(wàn)

2019-09-26 08:57:12

華為推出全球至快AI訓(xùn)練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國(guó)技術(shù)團(tuán)隊(duì)

2019-09-25 08:15:43

疑難解答

圖片精選

網(wǎng)友關(guān)注

麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

jquery滾動(dòng)條插件jScrollPane的使用介紹