すべての画像がロードされるまでスクロールを防止する方法

Question

一部の画像がロードされていないため、スクロールバーが下にスクロールできません。すべての画像が読み込まれたときに、どのようにスクロールバーを更新できますか？ JavaScriptやjQueryを使用しても大丈夫です。

<div class="scrollbar"> 
    <div class="thumb noSelect" unselectable="on"><div class="end"> 
</div></div></div> 
<div class="viewport"> 
    <div class="overview"> 
     <ul class="pinkarrow"> 
      ...... 
      </div> 
     </ul> 
    </div> 
</div> 

Answer 1

最初にoverflow: hiddenをスクロールバーに追加します。

次にイメージがロードされたときに、あなたのスクロールバーを表示するには、次のjQueryコードを追加します。本体は<ボディonloadイベントは=「showscroll（）」>のように使用してロードされたときに

(function($) { 
    $(window).load(function() { 
    $('.scrollbar').css('overflow', 'auto'); 
    }); 
})(jQuery);