Webflow Overflow Scorrimento che causa la mancata visualizzazione di div?

Question

Ho il contenuto del mio sito web in una posizione assoluta div che riempie l'intero schermo. Lo scorrimento su questo div è normalmente goffo, in quanto non è lo scorrimento del momento nativo. Soluzione? Aggiungi -webkit-overflow-scrolling: touch; al div.

Lo scorrimento del momento funziona ora, ma quando si scorre verso il basso della pagina, gli elementi div non vengono visualizzati. La console non mostra errori, non c'è niente di sbagliato nella pagina effettiva, ma i singoli post (quelli di div) non vengono visualizzati. Ecco un esempio:

qualcuno può confermare questo sul loro iPad, o suggerire una correzione? Preferisco non usare qualcosa sulla falsariga di Scrollability. Potrebbe essere che la beta di iOS6 stia causando questo, ma mi piacerebbe essere rassicurato.

di poter visualizzare questo site sul tuo iPad

_{E se qualcuno mi vuole spiegare i miei preferiti, sarò lieto di farlo.}

Answer 1

Attualmente la classe CSS .post utilizza la posizione: relativa. Se rimuovi quella linea, il problema scompare. Apparentemente, gli elementi di posizione relativamente sono nascosti quando non sono nella vista. Non sono proprio sicuro del perché l'iPad fa questo o se è un bug. Nella mia esperienza, i dispositivi iPad cercano di funzionare nel modo più efficiente possibile. Ad esempio, se si scorre le animazioni JS vengono congelate. Forse questa è una tecnica per rendere iPads renderizzare le pagine in modo più efficiente. Speriamo che questo aiuti.

questo articolo forse essere connessi e avere un lavoro intorno: CSS3 property webkit-overflow-scrolling:touch ERROR

Using '-webkit-overflow-scrolling: touch' hides content while scrolling/dragging