jscrollpane 设置箭头样式

Question

我正在以下页面上实现 jScrollpane jQuery 脚本（来自 http://jscrollpane.kelvinluck.com ）开发，并希望对其进行样式设置以适合页面的设计：

• 由于某种原因，滚动区域没有跨越 div 的全文。不知道可能是什么问题？ （通过为 @font-face 加载字体制作后备字体并在 css 中进行字体大小调整来解决）

• 我在底部使用两个箭头，但我想调整完整箭头区域的大小，使其更加宽松

• 另外，我想让禁用箭头为灰色，并已准备好图像，但我不知道如何选择 .jspDisabled 类，以便它显示适当的图像，但两者的图像不同。

页面： http://baksagaspar.com/francesco-work/

有什么帮助吗？

Answer 1

据我所知，jScrollPane 使用 CSS 作为箭头图像。

只需替换类样式上的 background-image 属性即可：.jspArrowDown 和 .jspArrowUp。

对于禁用，请确保 .jspArrowUp .jspDisabled 的 backgroud-image 设置为重要。

例子：

.jspArrowUp {
  background-image: url(upArrow.jpg);
}

.jspArrowUp.jspDisabled {
  background-image: url(upArrowDisabled.jpg) !important;
}

Answer 2

我认为您将滚动设置在错误的 div 上。

$('#text-content-in').jScrollPane( {
    showArrows: true,
    verticalArrowPositions: 'after',
    horizontalArrowPositions: 'after'
});