如何解决React ::上下滚动时节变白
你们对此有任何快速解决方案吗?
我正在快速上下滚动,您会看到某些部分变成白色。请参考下面的简短记录: 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/之类的工具运行所有图像-我怀疑这将解决您的问题。浏览器要处理如此大的文件将需要大量的精力,因此为什么您会看到空白区域。
从长远来看,考虑在构建过程中引入缩小工具,以帮助实现此类自动化。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。