问题描述
我正在快速上下滚动，您会看到某些部分变成白色。请参考下面的简短记录： https://screencast-o-matic.com/watch/cYjuXRmdje
我正在使用Chrome浏览器并进行了一些研究，这似乎是因为Chrome中出现了新问题。 硬件加速，可以在 Chrome设置>高级>系统>“在可用时使用硬件加速”
中找到将其关闭是可行的，但是在Edge或类似的应用程序中会如何。
实时网站：https://hitchcliff.github.io/onepage-studio/ Github存储库：https://github.com/hitchcliff/onepage-studio-code
解决方法
我首先怀疑的是运行JS会阻止浏览器更新，在使用chrome dev工具后，我看不到任何明显的东西。
然后我查看了页面上的图像，它们非常大，您的图像超过10mb！理想情况下（这取决于上下文），您应该使图像的大小小于100kb（最好小于100kb）。
我建议您通过https://squoosh.app/或https://tinypng.com/之类的工具运行所有图像-我怀疑这将解决您的问题。浏览器要处理如此大的文件将需要大量的精力，因此为什么您会看到空白区域。
从长远来看，考虑在构建过程中引入缩小工具，以帮助实现此类自动化。