chris κλήσεις σκιές κύλισης ένα από τα αγαπημένα του CSS-Tricks όλων των εποχών. Λέα Βέρου δημοφιλή η καθαρή προσέγγιση CSS που χρησιμοποιεί διαβαθμίσεις φόντου τεσσάρων στρώσεων με κάποιες έξυπνες background-attachment
μαγεία. Το αποτέλεσμα είναι μια ομαλή αλληλεπίδραση κύλισης που δίνει στους χρήστες μια υπόδειξη ότι επιπλέον περιεχόμενο είναι διαθέσιμο σε ένα κοντέινερ με δυνατότητα κύλισης.
Μόνο ένα πρόβλημα: αυτό έσπασε στο Safari iOS 13. Μια μέρα ήταν όλα καλά. Το επόμενο, όχι και τόσο. Και δεν ήταν το μόνο που επηρεάστηκε. Το εφέ παράλλαξης του Keith Clark μόνο για CSS επίσης σταμάτησε να λειτουργεί ακριβώς τότε.
Λοιπόν, αναγνώστη Έγραψε ο Ρόναλντ να πω ότι όλα λειτουργούν για άλλη μια φορά! Στην πραγματικότητα, το γράφω στο iPad μου (Safari 15.5) αυτή τη στιγμή και το demo του Chris φαίνεται ευκρινές όσο ποτέ. Το ίδιο και του Keith πρωτότυπο demo.
Λοιπόν, τι το έσπασε; Ακόμα δεν ξέρουμε. Αλλά το Σημειώσεις έκδοσης του Safari 13 προσφέρει ενδείξεις:
- Προστέθηκε υποστήριξη για επιταχυνόμενη κύλιση με ένα δάχτυλο σε όλα τα καρέ και
overflow:scroll
στοιχεία που εξαλείφουν την ανάγκη ναset-webkit-overflow-scrolling: touch
.- Άλλαξε την προεπιλεγμένη συμπεριφορά στο iPad για ευρείες ιστοσελίδες με αποκριτικές μετα-ετικέτες που απαιτούν οριζόντια κύλιση. Οι σελίδες κλιμακώνονται για να αποτρέπεται η οριζόντια κύλιση και το μέγεθος οποιουδήποτε κειμένου αλλάζει για να διατηρείται η αναγνωσιμότητα.
Πότε διορθώθηκε και τι διορθώθηκε; Λοιπόν, στην πλευρά της σκιάς κύλισης, το Safari 15.4 περιλαμβάνονται κάποια δουλειά background-attachment: local
που μπορεί να έκανε το κόλπο. Από την πλευρά της παράλλαξης, το Safari 14.1 προστιθέμενη υποστήριξη για μεμονωμένες ιδιότητες μετασχηματισμού… άρα ίσως αυτό;