【发布时间】: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