chris hívások görgető árnyékok minden idők egyik kedvenc CSS-trükkje. Lea Verou népszerűsítette a tiszta CSS-megközelítés négy réteges háttér gradiens használatával néhány okossággal background-attachment varázslat. Az eredmény egy gördülékeny interakció, amely utalást ad a felhasználóknak, hogy további tartalom érhető el egy görgethető tárolóban.
Csak egy probléma: az törött a Safari iOS 13-ban. Egy nap minden rendben volt. A következő, nem annyira. És nem ez volt az egyetlen, ami érintett. Keith Clark csak CSS parallaxis hatása is pont akkor leállt.
Nos, olvasó Ronald beírta azt mondani, hogy ismét minden működik! Valójában ezt most az iPademen (Safari 15.5) írom, és Chris demója olyan élesnek tűnik, mint valaha. Keithé is eredeti demó.
Szóval, mi törte el? Még mindig nem tudjuk. De a Safari 13 kiadási megjegyzések nyomokat ajánlani:
- Hozzáadott támogatás az egyujjas gyorsított görgetéshez az összes képkockához és
overflow:scrollelemekkel, amelyek kiküszöbölik annak szükségességétset-webkit-overflow-scrolling: touch.- Megváltozott az iPad alapértelmezett viselkedése a vízszintes görgetést igénylő, reszponzív metacímkékkel rendelkező széles weboldalak esetében. Az oldalak méretezve vannak, hogy megakadályozzák a vízszintes görgetést, és minden szöveget átméreteznek az olvashatóság megőrzése érdekében.
Mikor javították és mi javította? Nos, a görgető árnyék oldalán a Safari 15.4 beleértve dolgoznak rajta néhányan background-attachment: local talán ez tette a trükköt. A parallaxis oldalon a Safari 14.1 hozzáadott az egyéni transzformációs tulajdonságok támogatása… szóval talán ez?
