1

我遇到了一个不寻常的问题。

我在网站上同时使用 jQuery Masonry 和 Infinite Scroll。

http://masonry.desandro.com/

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

该站点也是响应式的，因此在某些断点（480px、768px 等）处，我添加了一些样式来使用 nth-child 选择器更改框的顺序。详细地说，每块砖石都包含两个方块，它们会根据屏幕大小向左或向右切换。所以你会看到这样的东西：

#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 引用我的其他帖子时，这些 nth-child 样式并没有得到应用……留下了一个看起来非常不稳定的设计。

无论如何我可以强制无限滚动应用我的媒体查询中的所有内容吗？是否有一个回调函数可以让我强制 Infinite Scroll 接受我的第 n 个子样式或重新加载 styles.css？

任何帮助是极大的赞赏。谢谢，

4

1 回答 1

1

我的愚蠢错误。

发生的事情是，Infinite Scroll 在容器中添加了一个 #loading ......因为我使用的是 nth-child 而不是 nth-of-type ......我的样式包括该元素。

现在一切都很好。

于 2012-07-04T15:25:26.343 回答