0

jquery masonry グリッドを内部に格納し、ページが読み込まれるとブラウザの高さに基づいてスクロールバーを持つ div を作成したい スクロールバーは、ブラウザのサイズも変更されるため、リアルタイムで調整する必要があります。サイズ変更で動作させることはできますが、ページが最初に読み込まれたときは動作しません。コードを並べ替えて、いくつかの異なる方法で記述してみました。すべてのグリッド項目がロードされた後、石積みがスクロールを無効にしていると思います。

ここに jsbin があります: http://jsbin.com/ucEYaJay/4/。スクロールバーを表示するには、ブラウザーのサイズを変更する必要があります。

4

2 に答える 2

0

この$('.scroll-pane').load関数は呼び出されていますか?

setScrollPaneHeight(); を入れてみてください。jQuery(document).ready関数の最後に

于 2013-10-09T21:01:42.347 に答える
0

この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へのリンク。

于 2013-10-10T14:30:32.610 に答える