【问题标题】:fixed background image causing slow scroll in Chrome修复了导致 Chrome 滚动缓慢的背景图像
【发布时间】:2018-02-11 10:23:20
【问题描述】:

当滚动到固定的背景图像时,固定的背景图像导致我的 Chrome 浏览器严重滞后。我检查了 Mozilla 并没有遇到这个问题。

在谷歌搜索该问题时,我发现这已经是一个已知问题已有一段时间了。什么是让固定背景图像全面工作的好解决方法?

【问题讨论】:

  • 您可以尝试实现自己的滚动,以便使用 SmoothScroll.js (gist.github.com/galambalazs/6477177) “加速”滚动。这可能会抵消滞后。如果你能提出一个证明问题的工作要点,它将帮助我自己和其他人测试任何这样的建议解决方案。

标签: css google-chrome twitter-bootstrap-3 background-image


【解决方案1】:

首先,尝试最小化图像文件。此外,您可以尝试使用Base64 编码嵌入图像,而不是链接(例如,您可以使用Base64 参考实际网站,没有任何滚动问题:http://alexanderbell.us/Quiz/)希望这可能会有所帮助。

【讨论】:

  • 我已经压缩了我的背景图片 jpg。这是我想尝试的第一件事。我确实设法将原始文件大小减少了 75%,但这并没有提高滚动性能。
  • 尝试 Base64 编码。另外,请您将链接发布到有问题的网站,以便我们能够分析问题。否则,这个问题将被关闭,因为我们无法重现/分析该问题。
  • 在我的情况下,将背景图像尺寸更改为更小可以解决问题。
猜你喜欢
  • 1970-01-01
  • 2014-04-13
  • 2012-06-22
  • 1970-01-01
  • 1970-01-01
  • 2012-09-08
  • 2021-10-24
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多