0

我使用了来自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');*/



            }

谢谢大家。

4

1 回答 1

1

你可以通过css控制它

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

JavaScript:

<script>
 $('.pane').jScrollPane({showArrows:true});
</script>
于 2011-10-03T14:03:03.463 回答