iPhoneでサイトの画像エリアがうまく表示されない。原因は？

開発
4

こんにちは :waving_hand:

テストはしていませんが、background-attachment: fixed; が原因のようです。

上記の共有コードには以下が含まれています。

.title-container {
  background: no-repeat center/cover fixed;
}

これは次のことを意味します。

.title-container {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; // これが問題を引き起こします
}

この場合、background-attachment: fixed; は必要ですか？

パララックス効果のようなものを生み出していると思いますが、それには最適な解決策ではありません…あまりサポートされておらず、ユースケースに不要かもしれません。