Chris kõned kerimisvarjud üks tema kõigi aegade lemmikumaid CSS-trikke. Lea Verou populariseeritud puhas CSS-lähenemine, kasutades nelja kihilist taustagradienti koos mõne nutikaga background-attachment
maagia. Tulemuseks on libe kerimine, mis annab kasutajatele vihje, et keritavas konteineris on saadaval täiendav sisu.
Ainult üks probleem: see murdis Safari iOS 13-s. Ühel päeval oli kõik hästi. Järgmine, mitte nii palju. Ja see ei olnud ainus, mis mõjutas. Keith Clarki ainult CSS-i parallaksiefekt samuti lakkas umbes siis töötamast.
Noh, lugeja Ronald kirjutas sisse öelda, et kõik töötab taas! Tegelikult kirjutan seda praegu oma iPadis (Safari 15.5) ja Chrisi demo näeb välja nagu kunagi varem. Nii ka Keithil originaal demo.
Niisiis, mis selle katki tegi? Me ei tea ikka veel. Kuid Safari 13 väljalaskemärkmed paku vihjeid:
- Lisatud ühe sõrmega kiirendatud kerimise tugi kõikidele kaadritele ja
overflow:scroll
elemendid, mis välistavad vajaduseset-webkit-overflow-scrolling: touch
.- Muutis iPadi vaikekäitumist laia veebilehtede jaoks, millel on tundlikud metasildid, mis nõuavad horisontaalset kerimist. Lehekülgi muudetakse horisontaalse kerimise vältimiseks ja loetavuse säilitamiseks muudetakse teksti suurust.
Millal see parandati ja mis parandas? Noh, kerimisvarju poolel on Safari 15.4 lisatud natuke tööd background-attachment: local
see võis asja ära teha. Parallaksi poolelt Safari 14.1 lisatud üksikute teisendusomaduste tugi ... nii et võib-olla see?