chris klici drsne sence eden njegovih najljubših trikov CSS vseh časov. Lea Verou popularizirali čisti pristop CSS z uporabo štiriplastnih prelivov ozadja z nekaj pametnega background-attachment magija. Rezultat je gladka drsna interakcija, ki daje uporabnikom namig, da je v vsebniku, ki ga je mogoče premikati, na voljo dodatna vsebina.
Samo ena težava: to zlomil v Safariju iOS 13. Nekega dne je bilo vse v redu. Naslednji, ne toliko. In to ni bilo edino, kar je vplivalo. Učinek paralakse Keitha Clarka samo za CSS ravno takrat je tudi prenehal delovati.
No, bralec je zapisal Ronald reči, da spet vse deluje! Pravzaprav to zdaj pišem na svoj iPad (Safari 15.5) in Chrisov demo je videti oster kot vedno. Tudi Keithovo originalni demo.
Torej, kaj ga je zlomilo? Še vedno ne vemo. Toda Opombe ob izdaji Safarija 13 ponudi namige:
- Dodana podpora za pospešeno drsenje z enim prstom do vseh okvirjev in
overflow:scrollelementi, ki odpravljajo potrebo poset-webkit-overflow-scrolling: touch.- Spremenjeno privzeto vedenje v iPadu za široke spletne strani z odzivnimi metaoznakami, ki zahtevajo vodoravno drsenje. Strani so prilagojene, da se prepreči vodoravno drsenje, velikost besedila pa se spremeni, da se ohrani čitljivost.
Kdaj je bilo popravljeno in kaj je popravilo? No, na strani drsne sence je Safari 15.4 vključeno nekaj dela na background-attachment: local to je morda naredilo trik. Na strani paralakse je Safari 14.1 dodano podpora za posamezne lastnosti preoblikovanja ... torej morda to?
