問題タブ [masonry]

最近、Masonry jQuery プラグインが親コンテナーの外側に (無限スクロールを使用して) 要素をレンダリングすることがあるため、最近、自分の Web サイトにいくつかの変更を加えました。

何が原因なのか、デバッグ方法についてもまったくわかりません。スクロールを続けると、外側の要素がコンテナーに返されるため、これは大きな問題です。既存の要素が既にレンダリングされた後に再配置され、Web サイトが非常に使いにくくなります。

ここで問題を見ることができます: http://il.memofish.com/dashboard

問題を説明するビデオを作成しました: https://www.youtube.com/watch?v=IcWhSRQiD68

ありがとうございました。

カードがたくさんあるページがあります。カードの高さが異なるため、Shadow DOM を選択して Masonry を呼び出すことで、異なるカードを持つ高さにスタック効果を持たせています。

問題は、間隔で ajax を使用することです。ajax 成功データがポリマーのモデルを設定し、Masonry が壊れます。タイムアウトを 100 ～ 200 ミリ秒に設定してみましたが、ボックスが正しくスタックされない短い期間があります。2 つの変数を比較して選択的に変更することは、手に負えなくなるかもしれませんが、私は実際にはその戦略に取り組んでいません。

お知らせ下さい。

Masonry の jQuery プラグインを設計に含めましたが、うまく機能しません。ドキュメントが提供する CSS クラスは、次のように単純に示しています。

幅: 25%

私は自分の目的のためにそれを次のように変更しました：

width: 24% float: left margin-right: 5px

これでほぼ正しくなります (ただし、必要かどうかは不明です) が、プラグインの一般的な考え方が機能していません。「アイテム」div の他のどの属性を変更する必要があるかわかりません。

ブートストラップも使用しています。

HTML

CSS

私は自分のサイトを Wordpress.org で構築し、テーマは Imbalance2 を呼び出します。このテーマにバグがあることに気付き、Masonry js が原因で重複する問題についてトピックを検索しました。私はimagesLoadedを使用します ( Using masonry with imagesloaded のユーザー Leger から、ありがとう!): 動作しますが、Chrome がまだオーバーラップすることがあります。「Lazy Load」の代わりにページネーションを追加することにしました (これ以上の問題を回避するため…) が、#boxes と#relatedの imagesLoaded をマージできません…

手伝っていただけませんか？ここに私のサイトアドレス

お時間をありがとうございました!!!

cornerStampSelector プロパティを設定したアイソトープ レイアウトに問題がありますが、.corner-stamp 要素が常に左側に表示されるようです。この要素で CSS を float: right に設定しましたが、違いはないようです。ここに私のjQueryコードがあります:

CSSは以下です。

HTML

Bootstrap コアを備えた Web サイトで作業しており、画像レイアウト (+ Bootstrap グリッドを使用) に石積みを含めた場合、このバグは Chrome でのみ発生します:

ビデオ

しかし、石積みの移行を無効にすると、すべて問題ありません。

どんな助けでも大歓迎です。

私はいくつかの問題を抱えています。このプラグイン「angular-masonry」(Github にあります) を使用して、ページ上にグリッドを動的に構築しています。ページが読み込まれると、次のようになります: http://joxi.ru/YBQPVP3JTJCwfIgLgbc

これが私のコードです：

しかし、ブラウザウィンドウのサイズを変更すると、すべてが正常になり、次のようになります。 http://joxi.ru/iBQPVP3JTJCUfLnoqQQ

ビューは JSON データが到着するよりも早く読み込まれると思います。データが到着した後にビューをロードする方法を教えてもらえますか? または、そのような問題の別の理由を知っている場合は、返信してください。

前もって感謝します。