Così ho costruito un sito usando l'idea Keith Clark's pure CSS parallax. E sembra buono, ma sono curioso se qualcuno ha capito come consentire lo scorrimento inerziale/momentaneo su iOS.Keith Clark's CSS Parallax Inertial/Momentum Scrolling on Mobile
Quello che so finora:
Attualmente inerziale/momento lo scorrimento non funziona perché in sostanza l'intera pagina si svolge all'interno di un contenitore con overflow-y:auto. Quindi, quando stai scorrendo sulla pagina che stai scorrendo all'interno di un contenitore. Su iOS è necessario applicare -webkit-overflow-scrolling: touch per consentire a qualsiasi elemento di scorrimento che non è il viewport di avere lo scorrimento inerziale/momentum.
Se si aggiunge -webkit-overflow-scrolling: touch a .parallax, allora l'intero effetto di parallasse si interrompe. example of that here
Ho provato ad aggiungere iscroll.js alla pagina, ma si rompe anche la pagina rendendo i bambini all'interno del contenitore .parallax per scorrere in un modo che non è corretto. Rende gli strati di parallasse spostati su e giù rispetto al viewport invece del contenitore.
Un altro problema che questo provoca, che non è un grosso problema, ma sarebbe bello affrontare qui dal momento che è correlato è che su iOS nella pagina non andrà mai in minimal-ui dal momento che avviene solo quando i rotoli viewport.
Ho visto persone chiedere questo sul post del blog, quindi ho pensato che avrei potuto portare gli stessi problemi a StackOverflow e vedere se qualcuno ha delle buone idee.
Grazie!
sarebbe di aiuto? Potrebbe essere correlato http://stackoverflow.com/questions/26176288/webkit-overflow-scrolling-touch-breaks-in-apples-ios8. Ad ogni modo, adoro il design. Ottimo uso di materiali e colori. Inoltre, so che lo scorrimento fisso è tassativo sui dispositivi mobili, sono curioso di sapere se funziona o se c'è una soluzione per questo. – Knostradamus