gpt4 book ai didi

javascript - 为什么这个静态定位的 div 从它的位置向上移动?

转载 作者:行者123 更新时间:2023-11-28 17:06:25 24 4
gpt4 key购买 nike

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

如何检查/重新生产:

  1. 请访问https://sourcewing.blogspot.in/search/label/articles
  2. Control + 单击第一篇文章中的MORE(在新标签页中打开)
  3. 页面在您刚刚打开的选项卡中完全加载之前,单击该选项卡并且不要滚动页面。仅在页面完全加载时向上滚动。
  4. 向上滚动时,您可能会发现问题。

您可能不会一试就找到它,因为它仅在这种情况下产生。

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

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

注意:2015 年 11 月 28 日在屏幕截图中被裁剪了。

enter image description here

最佳答案

我发现问题是 loading页面加载后未删除类。这与 JavaScript 有关。正确的应该是脚本应该自动删除 loading来自 <body> 的类(class).由于这是演示文稿中的阻碍,因此可以使用以下 CSS 对其进行修复:

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

关于javascript - 为什么这个静态定位的 div 从它的位置向上移动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49242403/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com