JavaScript: impedire lo scroll elastico su iPhone e iPad

JavaScript: impedire lo scroll elastico su iPhone e iPad

Per impostazione predefinita lo scrolling su iPhone e iPad 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:


function preventElastic(event) {
	
	event.preventDefault() ;
}
 
var body = document.body;

body.addEventListener('touchmove', preventElastic(event), false);
Torna su