Chris Apeluri umbre de defilare unul dintre trucurile lui CSS preferate din toate timpurile. Lea Verou popularizat abordarea CSS pură folosind patru gradiente de fundal stratificate cu ceva inteligent background-attachment
magie. Rezultatul este o interacțiune scrolling care oferă utilizatorilor un indiciu că conținut suplimentar este disponibil într-un container care poate fi derulat.
O singură problemă: ea rupt în Safari iOS 13. Într-o zi totul a fost bine. Următorul, nu atât. Și nu a fost singurul lucru afectat. Efectul de paralaxă numai CSS al lui Keith Clark de asemenea, a încetat să funcționeze chiar atunci.
Ei bine, cititorule Ronald a scris în să spun că totul merge din nou! De fapt, scriu asta pe iPad-ul meu (Safari 15.5) chiar acum și demonstrația lui Chris arată bine ca întotdeauna. La fel și al lui Keith demonstrație originală.
Deci, ce a rupt-o? Încă nu știm. Cu exceptia Note de lansare Safari 13 oferi indicii:
- S-a adăugat suport pentru derularea accelerată cu un deget la toate cadrele și
overflow:scroll
elemente care elimină necesitatea de aset-webkit-overflow-scrolling: touch
.- S-a schimbat comportamentul implicit pe iPad pentru paginile web largi cu metaetichete receptive care necesită derulare orizontală. Paginile sunt scalate pentru a preveni derularea orizontală și orice text este redimensionat pentru a păstra lizibilitatea.
Când a fost reparat și ce l-a reparat? Ei bine, pe partea umbră a defilării, Safari 15.4 inclus ceva de lucru la background-attachment: local
asta poate să fi făcut smecheria. Pe partea de paralaxă, Safari 14.1 adăugat suport pentru proprietățile de transformare individuale... deci poate asta?