如何防止滚动直到加载完所有图像

Question

The scrollbar cannot scroll to the bottom due to some images not being loaded. How can I update the scrollbar when all the images are loaded? Appreciate no matter using JavaScript or 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

First add overflow: hidden to scrollbar.

Then add following jQuery code to show your scrollbar when images are loaded:

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