chris chiamate scorrere le ombre uno dei suoi trucchi CSS preferiti di tutti i tempi. Lea Verou popolare il puro approccio CSS che utilizza quattro gradienti di sfondo a strati con alcuni intelligenti background-attachment Magia. Il risultato è un'interazione scorrevole che offre agli utenti un suggerimento sulla disponibilità di contenuto aggiuntivo in un contenitore scorrevole.
Solo un problema: esso rotto in Safari iOS 13. Un giorno è andato tutto bene. Il prossimo, non tanto. E questa non è stata l'unica cosa colpita. Effetto di parallasse solo CSS di Keith Clark anche in quel momento ha smesso di funzionare.
Bene, lettore Ronald ha scritto per dire che tutto sta funzionando ancora una volta! In effetti, sto scrivendo questo sul mio iPad (Safari 15.5) in questo momento e la demo di Chris sembra nitida come sempre. Così è quello di Keith demo originale.
Allora, cosa l'ha rotto? Non lo sappiamo ancora. Ma il Note sulla versione di Safari 13 offrire indizi:
- Aggiunto supporto per lo scorrimento accelerato con un dito a tutti i frame e
overflow:scrollelementi che eliminano la necessitàset-webkit-overflow-scrolling: touch.- Modificato il comportamento predefinito su iPad per le pagine Web di grandi dimensioni con meta-tag reattivi che richiedono lo scorrimento orizzontale. Le pagine vengono ridimensionate per impedire lo scorrimento orizzontale e qualsiasi testo viene ridimensionato per preservarne la leggibilità.
Quando è stato riparato e cosa lo ha riparato? Bene, sul lato dell'ombra di scorrimento, Safari 15.4 incluso qualche lavoro su background-attachment: local che potrebbe aver fatto il trucco. Per quanto riguarda la parallasse, Safari 14.1 aggiunto supporto per le singole proprietà di trasformazione... quindi forse quello?
