Javascript 为什么静态定位的div会从其位置向上移动?

Javascript 为什么静态定位的div会从其位置向上移动?,javascript,html,css,Javascript,Html,Css,在我的博客中,这似乎是一个非常令人沮丧的问题。我只能在Chrome(60+)中复制它。显示标题和内容的主div(.columns.fauxcolumns)从顶部裁剪。基本上它是隐藏的(overflow:hidden在那里),不知何故它比正常位置高出10-20像素;从.columns.fauxcolumns中流出,即使它(.columns inner)也是静态的 如何检查/重新生产: 请访问 Control+单击第一篇文章中的更多(在新选项卡中打开) 在将页面完全加载到您刚刚打开的选项卡之前,单击

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

如何检查/重新生产:

  • 请访问
  • Control+单击第一篇文章中的更多
    (在新选项卡中打开)
  • 在将页面完全加载到您刚刚打开的选项卡之前,单击选项卡,不要滚动页面。仅当页面完全加载时向上滚动
  • 当您向上滚动时,可能会发现问题所在
  • 您可能一次也找不到它,因为它只是在这个场景中生成的

    为什么会这样?我知道我们可以通过某种方式修复它,但我相信这不是一个正常的问题,因为它只在Chrome中观察到

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

    注:2015年11月28日截图中截图


    我发现问题在于加载页面后,
    类没有被删除。这与JavaScript有关。正确的应该是,脚本应该自动从
    中删除
    加载类。由于这是演示文稿中的一个显示障碍,因此可以使用以下CSS对其进行修复:

    .loading.main inner.columns.fauxcolumns{
    溢出:可见;
    }
    
    我认为这与其说是一个问题,不如说是一个bug。是的,这是一个JavaScript bug。如果你看到,
    .columns inner
    移动到
    .columns.fauxcolumns
    之外,这真的很奇怪,这就是问题所在。不知道为什么会这样。