html - Chrome 剪切长页面

Question

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

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

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

---

解决方法:

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

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

Answer 1

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

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