如何使我的網站滾動與背景圖像更平滑？

有一個我非常喜歡用於我的網站的背景圖片。爲了它看起來不錯，我必須使用css，background-size:cover和background-attachment:fixed。但是這使得頁面上的滾動變得不連貫。有沒有辦法保持CSS和相同的背景圖像，但使頁面滾動更平滑？如何使我的網站滾動與背景圖像更平滑？

來源

2012-03-19 Proffesor

你能給的你看到波濤洶涌的滾動效果的例子（也許[的jsfiddle（http://jsfiddle.net））？ – Maxpm 2012-03-19 00:04:02

在jsfiddle上，滾動是好的，只有我的實際網站是搞砸了。我可以告訴你一個實際網站的鏈接，但這會被認爲是垃圾郵件？ – Proffesor 2012-03-19 00:06:34

不，請繼續併發布它。 – Wex 2012-03-19 00:07:21

您正在使用海量背景圖片。確切地說，1.43MB。一旦完全由我的瀏覽器（鉻）加載您的網站滾動罰款。

使用像gimp這樣的程序將圖像縮放到可管理的位置。鑑於你選擇的背景，你可能會更好，因爲圖像略有不同，並且使用CSS重複選項。

您所得到的效果將與特定的瀏覽器，操作系統以及該計算機的規格密切相關。爲了兼容性，儘可能減少內容。

羅布

來源

2012-03-19 00:25:58

如何使我的網站滾動與背景圖像更平滑？

回答

相關問題