Estoy usando el detector de eventos window.scrollY para obtener la cantidad de desplazamiento en mi página y configuro un marco de animación en consecuencia:
scroll = window.scrollY //inside the event listener ... function animationLoop() { ... scrollRatio = scroll/window.innerHeight animMixer.setTime(scrollRatio) // every page is a "second" ... }
Esto funciona maravillosamente en el escritorio, y también en iOS en el primer desplazamiento hacia adelante en la página. Pero tan pronto como la página rebota al final, el valor de desplazamiento parece saltar innecesariamente, es decir, hay una falta de coincidencia entre la posición en la página web y el cuadro de animación. El tiempo está apagado hasta que me desplazo de regreso a la parte superior de la página. Después de eso, el desplazamiento hacia abajo vuelve a funcionar bien.
¿Qué sucede con el valor scrollY después del rebote? No puedo averiguar dónde está el problema. Probé cosas como pageYOffset pero el problema persiste. También se fija el valor de scrollRatio.
Sé que hay algunos problemas con el comportamiento dinámico de las páginas web en iOS, pero estos son valores negativos en la parte superior de la página.
Gracias por cualquier sugerencia.