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的基本样式

回答

相关问题