jquery - jScrollPane - 如何为滚动条获取单独的箭头

Question

我正在为 jQuery 使用 jScrollPane 以使滚动条看起来像 Windows 8 滚动条（我正在制作一种 Metro/Modern UI 模型只是为了好玩）。我有滚动条的外观，但我有一个问题。没有办法（至少在当前版本中）获得左箭头图像和右箭头图像（因为我正在使用水平滚动，就像在 Metro UI 中一样）。我在这里看到了一些问题，它们显示了一个 jQuery 轻主题，它为您提供了单独的箭头（菱形主题），但这是一个痛苦的屁股，而不是我想要的。有任何想法吗？？

Answer 1

为什么不能修改 .jspArrow 类的 CSS 以将箭头图像显示为背景图像？

看这里的一个演示，我看到了这个 css：

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

将其更改为：

.jspArrow
{
    background: url('your_arrow_img')
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

jspArrowRight 和 jspArrowLeft 有单独的类，可以进一步帮助您。

如果这不起作用，我确信您可以为滚动条创建“填充”，他们在文档中称其为排水沟。我将创建排水沟，然后在滚动条轨道上的元素之前和之后使用 CSS 伪来呈现箭头。