jquery - 如何将 2 个 jScrollPane 添加到我的页面并且每个都有不同的 CSS？

Question

我的页面上有 2 个使用 jScrollPane 的 DIV，我希望每个都有自己的轨迹栏，默认情况下，此属性存在于 CSS 文件中并应用于 2 个 DIV。

我想在不与第一个 DIV 交互的情况下将特定的轨迹栏添加到第二个 DIV。

我该怎么做？

谢谢

Answer 1

将第二个滚动 Pane 包裹在一个带有类或 ID 的元素中，然后将您的 CSS 规则定位到嵌套在其中的轨道。

例如(假设您使用的是 jScrollPane 2 ):

<div id="wrapper">
    <div class="scroll-pane">
        [content]
    </div>
</div>

然后在 CSS 中:

#wrapper .jspTrack
{
    background: red;
}

这只会影响 id 为“wrapper”的 div 中的轨道。

希望对您有所帮助!