jquery - jscrollpane 设置箭头样式

Question

我正在开发的页面上实现 jScroll Pane 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;
}