jquery - 使用 jquery masonry grid 创建一个滚动 div。仅适用于调整大小，但不适用于初始页面加载

Question

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

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

Answer 1

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

尝试将 setScrollPaneHeight(); 在jQuery(document).ready函数的最后

Answer 2

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

通过改变这个：

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

对此：

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

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

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