使用jquery砌体网格创建滚动div。仅适用于调整大小但不适用于初始页面加载

Question

我想在里面创建一个包含jquery砌体网格的div，并且一旦页面加载就有一个基于浏览器高度的滚动条滚动条需要在浏览器调整大小时实时调整。我可以让它来调整大小，但不是在页面最初加载时。我尝试重新排序代码，并以几种不同的方式编写代码。我认为砌体在所有网格项加载后禁用滚动。

这是jsbin：http://jsbin.com/ucEYaJay/4/。您必须调整浏览器的大小才能看到滚动条。

Answer 1

这个$('.scroll-pane').load函数是否被调用？

尝试使用setScrollPaneHeight（）;在jQuery(document).ready函数

的最后

Answer 2

我根据这个问题找到答案：http://bit.ly/19C4EFB

通过更改：

    $('.scroll-pane').load($(this), function() {
        setScrollPaneHeight();
    });

到此：

    var $scrollpane = $('.scroll-pane');

    $scrollpane.imagesLoaded( function(){
        setScrollPaneHeight();
    });

现在滚动条按预期加载。链接到更新的jsbin http://jsbin.com/ucEYaJay/12。