Javascript 为什么静态定位的div会从其位置向上移动?
在我的博客中,这似乎是一个非常令人沮丧的问题。我只能在Chrome(60+)中复制它。显示标题和内容的主div(Javascript 为什么静态定位的div会从其位置向上移动?,javascript,html,css,Javascript,Html,Css,在我的博客中,这似乎是一个非常令人沮丧的问题。我只能在Chrome(60+)中复制它。显示标题和内容的主div(.columns.fauxcolumns)从顶部裁剪。基本上它是隐藏的(overflow:hidden在那里),不知何故它比正常位置高出10-20像素;从.columns.fauxcolumns中流出,即使它(.columns inner)也是静态的 如何检查/重新生产: 请访问 Control+单击第一篇文章中的更多(在新选项卡中打开) 在将页面完全加载到您刚刚打开的选项卡之前,单击
.columns.fauxcolumns
)从顶部裁剪。基本上它是隐藏的(overflow:hidden
在那里),不知何故它比正常位置高出10-20像素;从.columns.fauxcolumns
中流出,即使它(.columns inner
)也是静态的
如何检查/重新生产:
Control+单击第一篇文章中的更多(在新选项卡中打开)
我发现问题在于加载页面后,
类没有被删除。这与JavaScript有关。正确的应该是,脚本应该自动从
中删除加载类。由于这是演示文稿中的一个显示障碍,因此可以使用以下CSS对其进行修复:
.loading.main inner.columns.fauxcolumns{
溢出:可见;
}
我认为这与其说是一个问题,不如说是一个bug。是的,这是一个JavaScript bug。如果你看到,.columns inner
移动到.columns.fauxcolumns
之外,这真的很奇怪,这就是问题所在。不知道为什么会这样。