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

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代码以在加载图像时显示滚动条：

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