如何在 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>