Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 固定的背景图像导致缓慢滚动铬_Css_Google Chrome_Twitter Bootstrap 3_Background Image - Fatal编程技术网

Css 固定的背景图像导致缓慢滚动铬

Css 固定的背景图像导致缓慢滚动铬,css,google-chrome,twitter-bootstrap-3,background-image,Css,Google Chrome,Twitter Bootstrap 3,Background Image,固定背景图像导致我的Chrome浏览器在滚动固定背景图像时严重滞后。我登录了Mozilla,没有这个问题 在谷歌搜索这个问题时,我发现这已经是一个众所周知的问题了。什么是一个好的解决办法,使固定的背景图像,以工作在整个董事会 首先,尝试最小化图像文件。此外,您可以尝试使用Base64编码来嵌入图像,而不是链接(例如,您可以使用Base64来参考实际网站,而不存在任何滚动问题:),希望这会有所帮助。您可以尝试实现自己的滚动,以便使用SmoothScroll.js()来“加速”滚动。这可能会抵消这种

固定背景图像导致我的Chrome浏览器在滚动固定背景图像时严重滞后。我登录了Mozilla,没有这个问题


在谷歌搜索这个问题时,我发现这已经是一个众所周知的问题了。什么是一个好的解决办法,使固定的背景图像,以工作在整个董事会

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

您可以尝试实现自己的滚动,以便使用SmoothScroll.js()来“加速”滚动。这可能会抵消这种滞后。如果你能拿出一个工作要点来证明这个问题,这将有助于我和其他人测试任何像这样提出的解决方案。我已经压缩了我的背景图像jpg。这是我想尝试的第一件事。我确实设法将原始文件大小减少了75%,但这并没有提高滚动性能。请尝试Base64编码。另外,请您将链接发布到有问题的网站,以便我们能够分析问题。否则,这个问题将被解决,因为我们不可能重现/分析这个问题。在我的例子中,将背景图像尺寸更改为更小的尺寸修复了这个问题。