私は1ページのウェブサイトを持っていて、大きな背景画像が設定されたセクションをいくつか追加しました。ユーザーがスクロールしても動かないように、「固定」効果を持たせたかったのです。だから私は使用background-size: cover;しbackground-attachment: fixedました。これは仕事をします。ただし、問題はChromeで非常に遅いことです。つまり、Chromeは画像などをキャッシュしないと思います。ここでテストできます：
http://jsfiddle.net/sallar/rwyfZ/1/
他のブラウザのようにスムーズではありません。そこで、画像を使用してみました（この場合は$ .backstretchを使用します）。この方法を使用すると、スクロールラグが修正され、非常にスムーズにスクロールしますが、私が望んでいた「固定」効果はありません。だから視差効果を使うべきだと思いました。しかし、私が試した視差プラグインやメソッドはどれも「画像」でうまく機能しませんでした。それらはすべて、Chromeの問題のために使用できない背景画像用に最適化されていました。
これがBackstretchの例のデモです。
http://jsfiddle.net/sallar/FX4Cn/1/
では、2番目の例のように、スタイルを固定してページをスムーズにスクロールさせるにはどうすればよいですか？
前もって感謝します。