CSS错误导致元素在滚动时重新呈现

Question

我正在试图找出为什么我的第三个元素div.servicespost会在您滚过它时重新渲染。

见here。滚动浏览新行时，“What is on on”下的第三篇文章会重新呈现。我不能提供任何其他信息。有人曾见过这个吗？

检查员不会显示任何异常或任何错误。

Answer 1

有几个因素导致问题：

1）添加.onScreen课程时，正在播放的边距正被剥离。如果同时添加和删除类，这不一定是个问题，但这会导致第二个问题。

2）列不等于高度，这意味着.onScreen类在不同时间被删除。

最终结果是第三列（.postwrapper-3）使其.onScreen类仍处于活动状态，而其他两列则不然。由于它使用负边距来保持正确对齐并且.onScreen类剥离了负边距，因此它会转移到新线。

简单修复，删除.onScreen类中的边距清除：

#services .onScreen {
  margin: 0; //remove this
  opacity: 1;
}