كريس المكالمات ظلال التمرير إحدى حيل CSS المفضلة لديه على الإطلاق. ليا فيرو شعبية نهج CSS الخالص باستخدام أربعة تدرجات خلفية ذات طبقات مع بعض الذكاء background-attachment سحر. والنتيجة هي تفاعل تمرير سريع يمنح المستخدمين تلميحًا إلى توفر محتوى إضافي في حاوية قابلة للتمرير.
مشكلة واحدة فقط: هي حطم في Safari iOS 13. ذات يوم كان كل شيء جيدًا. التالي ، ليس كثيرًا. ولم يكن هذا هو الشيء الوحيد الذي تأثر. تأثير اختلاف المنظر لـ Keith Clark's CSS فقط توقف أيضًا عن العمل في ذلك الوقت.
حسنًا أيها القارئ كتب رونالد في لقول أن كل شيء يعمل مرة أخرى! في الواقع ، أنا أكتب هذا على جهاز iPad (Safari 15.5) في الوقت الحالي ، ويبدو عرض كريس التجريبي حادًا أكثر من أي وقت مضى. هكذا هو كيث العرض الأصلي.
إذن ، ما الذي كسرها؟ ما زلنا لا نعرف. لكن ال ملاحظات إصدار Safari 13 تقديم أدلة:
- تمت إضافة دعم للتمرير السريع بإصبع واحد لجميع الإطارات وملفات
overflow:scrollعناصر تقضي على الحاجة إلىset-webkit-overflow-scrolling: touch.- تم تغيير السلوك الافتراضي على iPad لصفحات الويب العريضة ذات العلامات الوصفية سريعة الاستجابة التي تتطلب التمرير الأفقي. يتم تحجيم الصفحات لمنع التمرير الأفقي ويتم تغيير حجم أي نص للحفاظ على قابلية القراءة.
متى تم إصلاحه وما الذي تم إصلاحه؟ حسنًا ، على جانب ظل التمرير ، Safari 15.4 شامل بعض العمل على background-attachment: local التي قد تكون فعلت الحيلة. من ناحية المنظر ، Safari 14.1 وأضاف دعم خصائص التحويل الفردية ... فربما هذا؟
