【问题标题】:Chrome cuts long pageChrome 剪切长页面
【发布时间】:2019-02-11 00:35:37
【问题描述】:

我正在开发一个可以在向下滚动时加载额外内容的网站。 一切正常,直到您在 Chrome 中向下滚动太多。

内容加载正常,因为我可以在开发人员工具中看到所有内容,但不可见。在某个点,大约向下 6000 像素,内容消失并显示页面的背景颜色。 Image 1: The problem Image 2: Content is there

如果我将光标悬停在内容应该在的位置上,我可以与它进行交互,这也表明它实际上正在正确加载。这只发生在 Chrome 中,无论是在 Mac OS 还是 Windows 上。我试过 Edge、Firefox、Safari 和那些工作。 Chrome Canary 也有同样的问题。 这是 Chrome 中的错误还是我做错了什么我错过了?


解决方案:

我已经找到了解决问题的方法。

我的页面有一个动画在加载后淡入内容。这就是问题的原因。当我从 div 中删除动画时,特别是 animation-fill-mode: forwards;,页面运行良好。

【问题讨论】:

  • 您好 Tim, 通常在询问有关他们编写的代码的特定问题时,很难帮助任何不发布代码的用户。建议您在问题中发布尽可能多的代码/图片/小提琴/代码笔,以便用户更有可能回答您的问题。
  • 嗨蒂姆,欢迎来到 stackoverflow。很难从屏幕截图中解决问题,尤其是单独的屏幕截图。为了补充 Julian 所说的话,我建议优先考虑包含代码而不是屏幕截图。

标签: html css google-chrome browser


【解决方案1】:

我已经找到了解决问题的方法。

我的页面有一个动画在加载后淡入内容。这就是问题的原因。 当我从 div 中删除动画时,特别是 animation-fill-mode: forwards;,页面运行良好。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-04-07
    • 1970-01-01
    • 2019-07-08
    • 1970-01-01
    • 2018-09-21
    • 2015-03-01
    • 2012-11-09
    • 1970-01-01
    相关资源
    最近更新 更多