デザイン質問：フォーラムのラジアル背景の寸法を変更する

製品サポート
3

ああ、そうでした。background-attachment: fixed は iOS では機能しないことを忘れていましたね… iOS はスクロール時に画面全体が再描画されてパフォーマンスが悪化するため、これを無効にしています。

回避策はいくつかあります…

例となる CSS 
body.mobile-view {
  background: none;
}

body.mobile-view:after {
  content:"";
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:-1;
  display:block;
  background: radial-gradient(circle at center, rgba(255,255,255,1) 50%, rgba(255,255,255,0)) fixed, url(https://forums.pickleballist.com/uploads/default/original/1X/e7792afe9a5b7fbd26141c3c21e82b70cd495069.svg) center top / 300px auto;
  background-size:cover;
}

…ただし、この機能を有効にしている間も、依然としてパフォーマンスの問題に直面する可能性があります。そのため、この方法に満足できない場合は、モバイル向けに背景のアプローチを全く変更することを検討してみてください。