Sto costruendo una pagina che deve avere alcuni elementi che restano nella parte superiore della pagina quando altrimenti verrebbero scostati dallo schermo. Sono riuscito a farlo usando position:absolute. Tutto funzionava perfettamente, ma era necessario scorrere lo slancio. Ho aggiunto -webkit-overflow-scrolling: touch al css dell'area scorrevole. Questo ha rotto tutto. I miei elementi appiccicosi con position:absolute ora stanno semplicemente scorrendo con il resto del contenuto.-webkit-overflow-scrolling interrompe il posizionamento assoluto
mia domanda è questa:
Perché -webkit-overflow-scrolling: touch influenzano il posizionamento assoluto, e c'è un modo per aggirare questo?
AGGIORNAMENTO: ho aggiunto un avviso ogni volta che un elemento figlio diventa "fisso" o "non risolto". Gli avvisi continuano a sparare, quindi lo stile è ancora applicato, semplicemente non funziona. Ciò significa che non è un problema tenere traccia della posizione di scorrimento, ma piuttosto un problema con lo stile.
UPDATE: Ho provato ad utilizzare position: fixed invece di position: absolute e -webkit-overflow-scrolling rotto che anche
UPDATE: Dopo un sacco di scavo, ho trovato i riferimenti a questo problema here e here. Tuttavia, l'unica soluzione proposta in entrambi i casi è la ristrutturazione del DOM in modo che gli elementi collosi non si trovino nell'area scorrevole. Questa è una cosa difficile da fare nel mio caso, e preferirei non doverlo fare. Sono progredite le cose da quando iOS5 o è ancora l'unica opzione?
Questo sembra essere ancora un problema in iOS 10 – joeyhoer