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>

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

1 个答案: