固定背景圖像導致我的Chrome瀏覽器在滾動固定背景圖像時嚴重滯後。我檢查了Mozilla並沒有這個問題。固定的背景圖像導致Chrome中的滾動緩慢
在谷歌搜索這個問題時,我發現這已經是一個已知的問題一段時間了。什麼是一個很好的解決方法,以獲得一個固定的背景圖像全面工作?
固定背景圖像導致我的Chrome瀏覽器在滾動固定背景圖像時嚴重滯後。我檢查了Mozilla並沒有這個問題。固定的背景圖像導致Chrome中的滾動緩慢
在谷歌搜索這個問題時,我發現這已經是一個已知的問題一段時間了。什麼是一個很好的解決方法,以獲得一個固定的背景圖像全面工作?
首先,儘量減少圖像文件。此外,您也可以嘗試使用Base64
編碼來嵌入圖像(例如,您可以參考使用Base64
而沒有任何滾動問題的實際網站:http://alexanderbell.us/Quiz/)。希望這可能有所幫助。
我已經壓縮了我的背景圖片jpg的。那是我想要嘗試的第一件事。我確實設法將原始文件大小減少了75%,但這並沒有提高滾動性能。 –
嘗試Base64編碼。另外,請您將鏈接發佈到有問題的網站,以便我們能夠分析問題。否則,這個問題將被封閉,因爲我們不可能重現/分析這個問題。 –
在我的情況下,將背景圖像尺寸更改爲更小的問題修復了問題。 – mgibala
您可以嘗試實施自己的滾動,以便通過SmoothScroll.js(https://gist.github.com/galambalazs/6477177)「加速」滾動。這可能會抵消滯後。如果你能提出一個能夠證明問題的工作要點,那麼它將幫助我自己和其他人測試任何提議的解決方案。 – yoursweater