jscrollpane - 在 Jscrollpane 末尾滚动时如何隐藏向上或向下箭头键

Question

我使用了来自http://jscrollpane.kelvinluck.com/的 JScrollPane并对其进行了修改以在最后（顶部或底部）滚动时隐藏箭头键。当滚动条位于顶部时，arrowUp 应该消失，仅在底部显示 arrowDown 并在向下滚动时再次出现。

我已经让箭头图像在顶部消失了，但问题是滚动轨道没有改变，只是在底部增加了与箭头图像大小相等的额外空间。我该如何解决这个问题，如何更改它，以便当箭头隐藏在一端时，jspTrack 的高度也会调整，在另一端显示另一个箭头而没有额外的空间？

if (settings.showArrows) {

                if(isAtTop){
                    arrowUp.addClass('jspDisabled');
                    arrowUp.css('display', 'none');
                }
                else{
                    arrowUp.removeClass('jspDisabled');
                    arrowUp.css('display', 'block');
                }

                if(isAtBottom){
                    arrowDown.addClass('jspDisabled');
                    arrowDown.css('display', 'none');
                }
                else{
                    arrowUp.removeClass('jspDisabled');
                    arrowDown.css('display', 'block');
                }

                /*arrowUp[isAtTop ? 'addClass' : 'removeClass']('jspDisabled');
                arrowDown[isAtBottom ? 'addClass' : 'removeClass']('jspDisabled');*/



            }

谢谢大家。

Answer 1

你可以通过css控制它

<style>
.jspVerticalBar{
  background:none;
}
.jspVerticalBar .jspArrow{
  display:block;
}
.jspVerticalBar .jspDisabled
{
  display:none;
}
</style>

JavaScript：

<script>
 $('.pane').jScrollPane({showArrows:true});
</script>