2

この質問は以前に尋ねられたことは知っていますが、背景画像を修正しようとしましたが、役に立ちません。

サムネイル ギャラリーまでスクロールすると、ここで問題を確認できます。

何が問題なのか本当にわかりませんが、背景がぎくしゃくしているコードは次のとおりです。

#content1 {
  background: #395668 url(../img/studio-9.jpg) fixed no-repeat center;
  padding-top: 120px;
  padding-bottom: 120px;
}

#gallery {
  background: url(../img/studio-8.jpg) fixed no-repeat center;
  padding-top: 160px;
  padding-bottom: 160px;
}

何が起こっているのか手がかりはありますか?? Chrome では問題なく、Firefox ではまともに見えます。

4

1 に答える 1

4

残念ながら、これはあなたのコーディングではなく、ブラウザー自体に関係しています。Safari は、マウスのスクロールに対する反応が Firefox や Chrome とは大きく異なるからです。

Firefox と Chrome は、スクロール プロセス全体でマウスのスクロールを追跡します。これが、視差を効果的にするものです。

ただし、Safari では、ユーザーがスクロールを完了するまでマウスのスクロール位置が更新されないため、ぎくしゃくした効果が発生します。

唯一のオプションは、Safari ユーザーの視差効果を無効にすることです。

于 2013-08-23T08:17:32.107 に答える