Question

我是jquery的初级用户。我看到即使是这个论坛中最简单的问题也往往比我的理解更加先进，但我无法在其他地方找到解决我的具体问题的方法。我在这里找了大约一个小时，我找不到真正解决我的问题的方法（因为它主要是缺乏经验）。

我已下载了与jScrollPane相关的所有文件，并已将“脚本”和“样式”文件夹放入我网站的文件夹（我的网站是本地的）。我只是想让我的滚动条更窄，颜色不同，我似乎无法弄清楚它是如何完成的。

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

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

</script>
</head>

show arrow动作有效，但我无法按照CSS（宽度，颜色）的方式进行任何其他更改。我看到jquery.jscrollpane.css包含我想要操作的选择器的类，但我不知道如何应用它们。我的html中出现的唯一选择器是：

<div class="scroll-pane">

我不知道怎么把.jspVerticalBar带到我的html中，以便可以设置样式。我所知道的只是在前面提到的div中使用它作为一个类，我可以看到这是错误的应用程序。

希望我的问题清楚明了。提前感谢您花时间解释我确信这是一个非常明显的菜鸟错误。

Answer 1

我刚刚遇到你的问题，但如果你还在寻找答案......

jscrollpane的样式位于css文件“jquery.jscrollpane.css”中。设置轨道宽度的样式是“.jspVerticalBar”＆amp; “.jspHorizontalBar”。如果您也使用箭头，这些也会影响音轨：“。jspVerticalBar .jspArrow”＆amp; “.jspHorizontalBar .jspArrow”。所有这些中的默认“px”是“16px”。您需要将所有四个值更改为相同的值才能使轨道更窄。

要更改颜色，它是设置颜色的背景。我正在使用菱形样式，所以没有在“jquery.jscrollpane.css”本身中改变它们，只在lozenge css中。

如果你使用jquery ui中的箭头（图标的方形png），你必须通过调整“.jspArrowUp”等的坐标来改变箭头的位置以使它们居中。

jScrollPane的基本样式

1 个答案: