أوه، صحيح، لقد نسيت أن background-attachment: fixed لا يعمل على 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;
}
…ومع ذلك، في حين أنها تتيح هذه الوظيفة… فإنها لا تزال عرضة لمشاكل الأداء، لذا قد ترغب في تجربة نهج مختلف تمامًا للخلفية على الأجهزة المحمولة إذا لم تكن راضيًا عن ذلك.