如何在Jscrollpane末尾滾動時隱藏向上或向下箭頭鍵

我使用了從http://jscrollpane.kelvinluck.com/開始的JScrollPane，並修改它以在末尾（頂部或底部）滾動時隱藏箭頭鍵。當滾動條位於頂部時，arrowUp應該消失，只顯示底部的箭頭，並在向下滾動時再次出現。如何在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');*/ 



      }

謝謝大家。

來源

2011-09-26 maximumride

我要麼總是把他們兩個或隨時刪除他們兩個可用性的緣故。是否有任何特定的原因，當你想要刪除一個或另一個時，它是在最高點或最高點？或者它是客戶還是個人喜好？ –

嗨理查德，這是客戶的偏好。有沒有辦法做到這一點？或者如果至少有人能指向我正確的方向......謝謝 – maximumride

你需要重置滾動高度，並可能刪除並重新附加滾動，一旦你到達頂部，以補償箭頭的高度。一旦你到達最高點或最低點，將會出現一種捕捉現象，因爲。現在你看到它，現在你甚至不會看到它出現的只有1px的頂部，然後再跳下去。一旦你達到最高點，酒吧會跳到10px，因爲它現在處於「頂部」..你幾乎必須創建一個動畫，使過渡更平滑，你不能進行一些流暢的談話？有時候，你真的沒有「簡單」的方式說「不」。 –

您可以通過CSS控制它

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

的JavaScript：

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

來源

2011-10-03 14:03:03

感謝rahen發佈這個！ – Nina

如何在Jscrollpane末尾滾動時隱藏向上或向下箭頭鍵

回答

相關問題