0

jquery カスタム スクロール バー プラグインを使用して、カスタム スクロール バーを表示しました。 リンク

すべてのブラウザとデバイスで正常に動作しますが、奇妙な問題が 1 つあります。IEでも問題なく動作しますが、スクロールが必要ないときにスクロールバーが表示されます。これを削除するためにコールバック関数 (onOverflowYNone) も使用しましたが、スクロール機能が削除されます。比率が約1に近い場合、スクロールを削除するにはどうすればよいですか.

4

1 に答える 1

0

次のことができる可能性があります。

/*CSS*/
.hidden { display: none; }

// jQuery
$(document).ready(function() {
    $(window).resize(function() {
        var windowHeight = $(this).height();
        var containerHeight = $(".<container-class>").height(); //<container-class> is just a placeholder. Your real class should go here.
        if (containerHeight <= windowHeight) {
            $(".mCustomScrollbar").addClass("hidden"); // This is the example default class that was in the link you provided
        } else {
            $(".mCustomScrollbar").removeClass("hidden");            
        }
    });
});

これは、ドキュメントが読み込まれるのを待ってから、ウィンドウのサイズが変更されたときにいつでもこのチェックを実行して、ウィンドウとコンテナーのサイズを確認するサイズ変更アクション リスナーをアタッチします。必要に応じて、このチェックを外部化し、他のアクション リスナーに追加することもできます。

明らかに、ニーズに合わせて評価を調整する必要がありますが、コア コンセプトは変更されません。

于 2016-04-21T13:26:27.680 に答える