Question

这在我的博客中似乎是一个非常令人沮丧的问题。我只能在Chrome（60+）中重现它。显示标题和内容的主div（.columns.fauxcolumns）从顶部裁剪。基本上它是隐藏的（overflow:hidden就在那里）并且不知何故它从正常位置向上10-20像素;流出.columns.fauxcolumns，即使它（.colums-inner）是静态的。

如何检查/重新制作：

请访问https://sourcewing.blogspot.in/search/label/articles
Control + Click在第一篇文章中 MORE （在新标签页中打开）
在之前，页面完全加载到您刚刚打开的选项卡中，单击选项卡，不要滚动页面。只有在页面被完全加载时才能滚动。
当你向上滚动时，你可能会发现问题。

您可能无法通过一次尝试找到它，因为它仅在此方案中生成。

为什么会这样？我知道我们可以以某种方式修复它，但我认为这不是一个正常的问题，因为它只在Chrome中被观察到。

以下屏幕截图可能有所帮助：

注意： 2015年11月28日会在屏幕截图中裁剪。

Answer 1

我发现问题是在页面加载后没有删除loading类。这与JavaScript有关。正确的一个应该是脚本应该自动从loading中删除<body>类。由于这是演示文稿中的显示停止，因此可以使用以下CSS进行修复：

.loading .main-inner .columns.fauxcolumns {
  overflow: visible;
}

为什么这个静态定位div从其位置向上移动？

1 个答案: