کریس تماس سایه های اسکرول یکی از ترفندهای CSS مورد علاقه او در تمام دوران. لیا ورو محبوبیت رویکرد CSS خالص با استفاده از چهار گرادیان پس‌زمینه لایه‌ای با مقداری هوشمندانه background-attachment شعبده بازي. نتیجه یک تعامل اسکرول نرم است که به کاربران اشاره می کند که محتوای اضافی در یک ظرف قابل پیمایش در دسترس است.
فقط یک مشکل: آن است شکست در Safari iOS 13. یک روز همه چیز خوب بود. بعدی، نه چندان. و این تنها چیزی نبود که تحت تأثیر قرار گرفت. افکت اختلاف منظر کیت کلارک فقط CSS در آن زمان نیز کار را متوقف کرد.
خب خواننده رونالد نوشت بگویم که همه چیز یک بار دیگر کار می کند! در واقع، من در حال نوشتن این مطلب در iPad خود (Safari 15.5) هستم و نسخه ی نمایشی کریس مثل همیشه واضح به نظر می رسد. کیث هم همینطور نسخه ی نمایشی اصلی.
بنابراین، چه چیزی آن را شکست؟ ما هنوز نمی دانیم. اما یادداشت های انتشار سافاری 13 ارائه سرنخ:
- اضافه شدن پشتیبانی از پیمایش سریع با یک انگشت به تمام فریم ها و
overflow:scrollعناصری که نیاز بهset-webkit-overflow-scrolling: touch.- رفتار پیش‌فرض iPad را برای صفحات وب گسترده با متا تگ‌های پاسخگو که نیاز به پیمایش افقی دارند، تغییر داد. صفحات برای جلوگیری از پیمایش افقی مقیاس بندی می شوند و اندازه هر متن برای حفظ خوانایی تغییر می کند.
چه زمانی درست شد و چه چیزی درست شد؟ خوب، در سمت سایه پیمایش، Safari 15.4 مشمول برخی کار می کنند background-attachment: local که ممکن است این کار را انجام داده باشد. در سمت اختلاف منظر، Safari 14.1 اضافه پشتیبانی از خصوصیات تبدیل فردی... پس شاید اینطور باشد؟
