jScrollPane的基本樣式

我是jquery的開始用戶。我發現即使是這個論壇中最簡單的問題，我的理解也是相當先進的，但是我在其他地方找不到解決我的具體問題的解決方案。我在這裏找了一個小時左右，我找不到真正解決我的問題（因爲它主要是缺乏經驗）。jScrollPane的基本樣式

我已經下載了所有與jScrollPane相關的文件，並將'腳本'和'樣式'文件夾放到我的網站的文件夾中（我的網站是本地的）。我只是想讓我的滾動條變得更窄而且顏色不同，我似乎無法弄清楚它是如何完成的。

<head> 
<script type="text/javascript"> 

$(document).ready(function() 
{ 
$('.scroll-pane').jScrollPane(
{showArrows: true 
    }); 
}); 

</script> 
</head>

顯示箭頭行動工作，但我不能做任何其他更改我希望用CSS（寬度，顏色）的方式。我發現jquery.jscrollpane.css包含了我想操作的選擇器的類，但我不知道如何應用它們。出現在我的HTML唯一的選擇是：

<div class="scroll-pane">

我不知道如何把.jspVerticalBar例如，到我的HTML，以便它可以設置樣式。我所知道的只是將它用作前面提到的div中的一個類，我可以看到這是錯誤的應用程序。

希望我已經明確提出了我的問題。提前感謝花時間解釋我所確定的是一個非常明顯的菜鳥錯誤。

來源

2011-12-10 user1090834

我剛剛碰到你的問題，但如果你還在尋找一個答案......

JScrollPane中的造型是在CSS文件「jquery.jscrollpane.css」。設置軌道寬度的樣式是「.jspVerticalBar」&「.jspHorizontalBar」。如果您也使用箭頭，這些也會影響曲目：「.jspVerticalBar .jspArrow」&「.jspHorizontalBar .jspArrow」。所有這些默認的「px」都是「16px」。您需要將全部四個值更改爲相同的值以使軌道更窄。

要更改顏色，它是設置顏色的背景。我正在使用菱形風格，所以沒有在「jquery.jscrollpane.css」本身中進行修改，只能在菱形css中修改。

如果您使用jquery ui（圖標的方形PNG）中的箭頭，則必須通過調整「.jspArrowUp」等的座標來改變箭頭的位置，以便將它們居中。

來源

2012-02-06 09:17:40 Barry

jScrollPane的基本樣式

回答

相關問題