好吧,我正在使用gatsby JS在一个新网站上工作,于是我决定熟练使用该入门工具:
https://github.com/scttcper/gatsby-casper
除了一个令人讨厌的东西之外,这个入门程序一切都很棒。滚动不流畅,感觉不舒服。
最有可能与他们如何处理页面流程以及GPU上的页面强度有关,其中包含相当强大的CSS。
页面缩小后,将更改为此处声明的备用布局:
https://github.com/scttcper/gatsby-casper/blob/master/src/templates/index.tsx#L28
所以我尝试玩@media (min-width: 795px)
值,但没有效果。
请注意,将浏览器调整为小窗口时,它会开始平稳滚动。
有什么想法吗?
编辑:我发现background-size:cover
的性能很差,该入门者使用了很多这样的东西,因此我删除了它并调整了大小并压缩了图片,但是滞后现象仍然很高分辨率的屏幕。