：第n個孩子和無限滾動

Question

在一個site I'm creating，我們有一個項目的網格，所有的行浮動，因爲CSS的這個小片段的正確：

.collection .grid-item:nth-child(3n+1){ clear: left; }

這使得每行中的第一項clear:left，這允許新行開始於最高行的高度結束的位置。

這個效果很好。

但是，當我嘗試添加無限滾動它打破了網格。無限滾動將兩個項目display:none項添加到網格，分頁和加載欄。

由於某種原因，clear:left的css正在識別這兩個元素，並在加載到網格的每個頁面的網格中創建兩個間隙。

有關如何解決此問題的任何想法？

Answer 1

:nth-child將同等對待每個.grid-item的子元素，因此您的分頁和加載欄符合條件。嘗試在.grid-item之外移動您的尋呼機和加載器。