1

異常な問題が発生しています。

Web サイトで jQuery Masonry と Infinite Scroll の両方を使用しています。

http://masonry.desandro.com/

http://www.infinite-scroll.com/

このサイトはレスポンシブでもあるので、特定のブレークポイント (480px、768px など) でいくつかのスタイルを追加して、nth-child セレクターを使用してボックスの順序を変更します。詳しく説明すると、各石積みレンガには 2 つの正方形が含まれており、画面サイズに応じて左右に切り替えられます。したがって、次のように表示されます。

#main-content article:nth-child(2) .first,
#main-content article:nth-child(2n+8) .first {
    left: 0;
}
#main-content article:nth-child(2) .second,
#main-content article:nth-child(2n+8) .second {
    left: 15em; /* 240px / 16px = 15em */
}

問題は、Infinite Scroll が私の他の投稿を取り込むときに、これらの n 番目の子スタイルが適用されないことです... 非常に不安定なデザインが残ります。

とにかく、メディアクエリからすべてを適用するように無限スクロールを強制することはできますか? 無限スクロールに n 番目の子スタイルを強制的に受け入れるか、styles.css をリロードできるようにするコールバック関数はおそらくありますか?

どんな助けでも大歓迎です。ありがとう、

4

1 に答える 1

1

私のばかげた間違い。

何が起こっていたのかというと、Infinite Scroll がコンテナーに #loading を追加するということでした...そして、nth-of-type ではなく nth-child を使用していたので、私のスタイリングにはその要素が含まれていました。

今はすべて順調です。

于 2012-07-04T15:25:26.343 に答える