Jscrollpaneの最後でスクロールするときに上下矢印キーを非表示にする方法

Question

http://jscrollpane.kelvinluck.com/のJScrollPaneを使用し、最後（上または下）にスクロールするときに矢印キーを非表示にするように変更しました。スクロールバーが一番上にあるとき、矢印アップは消え、下矢印のみを表示し、スクロールダウンすると再び表示されます。

私は矢印の画像を一番上に消しましたが、スクロールトラックは変更されませんが、一番下の矢印画像のサイズに等しい余分なスペースが追加されるという問題がありました。どうすればこの問題を回避できますか？矢印を一方の端に隠すと、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>