orientationchange - fuerza-stop impulso desplazamiento en iphone/ipad en javascript

mobile infinite-scroll

Question

¿Es posible forzar y detener el impulso que se desplaza en iphone / ipad en javascript?

Extra: bastante seguro de que esto es pastel en el cielo, pero para los puntos de bonificación (honor y felicitaciones), después de dom-manipulación y un scrollTo aplicado, reanudar el desplazamiento con el mismo impulso antes de la parada forzada. ¿Cómo?

Answer 1

Esto es realmente muy posible cuando se usa fastclick.js . La lib elimina el retraso de clic de 300 ms en dispositivos móviles y permite la captura de eventos durante el desplazamiento de inercia / momento.

Después de incluir el fastclick y adjuntarlo al elemento del cuerpo, mi código para detener el desplazamiento y llegar a la cima se ve así:

scrollElement.style.overflow = ''hidden'';
scrollElement.scrollTop = 0;
setTimeout(function() {
  scrollElement.style.overflow = '''';
}, 10);

El truco es establecer el overflow: hidden , que detiene el desplazamiento de inercia / momento. Por favor, vea mi violín para una implementación completa de desplazamiento de parada durante la inercia / momento .

Answer 2

Aquí está mi código usando animación jQuery (ejecutándose como evento onclick)

var obj=$(''html, body''); // your element

if(!obj.is('':animated'')) {

    obj.css(''overflow'', ''hidden'').animate({ scrollTop: 0 }, function(){ obj.css(''overflow'', ''''); });

}

Probado en iPhone 6