jscrollpane造型箭头

Question

我正在开发的页面上实现jScroll窗格jQuery脚本（来自http://jscrollpane.kelvinluck.com），并希望根据页面设计设置样式：

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

• 我在底部使用两个箭头，但我想调整整个箭头区域以使其更松散

• 此外，我想将禁用的箭头设置为灰色，并准备好图像，但我不知道如何选择.jspDisabled类，以便显示相应的图像，而不是相同的图像对于两者。

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

请帮忙吗？

Answer 1

根据我的记忆，jScrollPane使用CSS作为箭头图像。

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

对于已停用，请确保backgroud-image的{​​{1}}设置为重要。

示例：

.jspArrowUp .jspDisabled

Answer 2

我认为你是在错误的div上设置滚动。

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