javascript - サイズ変更中の組積造の再配置

Question

レスポンシブ デザインにより、さまざまなステップでコンテナーの幅を変更できるページにタイルを配置するために Masonry を使用しています。しかし、ブラウザの石積みのサイズを積極的に変更している間、アイコンは再配置されません。したがって、最悪の場合、非常にゆっくりと、しかし着実にブラウザのサイズを変更しているときに、石積みがスタックしてフリーズしたままになり、見栄えが悪く、流動的になりません。

サイズ変更がまだ動いている場合でも、石材を即座に反応させる回避策はありますか?

Answer 1

あなたの特定の状況について、もう少し詳しく教えていただけますか？使用しているライブラリとURL、または少なくともいくつかのコードを表示できると非常に役立ちます.

resize暗闇の中でのショットとして、私の最初の反応は、再シャッフルが必要なときに Masonry に通知されるように、イベント リスナー ウィンドウにバインドしていることを確認することです。

以前にDesandro の Masonry Pluginを使用したことがありますが、その場合はresizeイベント リスナーにバインドする必要があります。ドキュメントから：

msnry.bindResize()

$container.masonry('bindResize');

イベント リスナーをウィンドウのサイズ変更にバインドし、ブラウザー ウィンドウのサイズが変更されたときにレイアウトがトリガーされるようにします。