0

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');*/



            }

皆さんありがとう。

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 に答える