Per impostazione predefinita lo scrolling su iOS avviene in modo elastico.
Se state sviluppando una web app e volete che si comporti come una app nativa, questa è sicuramente un'impostazione da eliminare. Infatti la pagina viene letteralmente spostata in alto o in basso con un effetto di distacco. Vediamo come impedire questo comportamento.
Quello che dobbiamo fare è catturare l'evento touchmove quando avviene sulla pagina e annullarlo:
'use strict';
const preventElastic = e => {
e.preventDefault();
};
document.addEventListener('DOMContentLoaded', () => {
document.body.addEventListener('touchmove', e => { preventElastic(e); }, false);
});