Como deshabilitar el scroll con JavaScript

Muchos menús quitan la opción de hacer el scroll cuando los abres para no molestar al usuario o que por error vayan a otra parte de la web y pierdan el hilo de lo que estaban haciendo.

Para conseguir esto en JavaScript es muy sencillo y nos basta con un eventListener (¡Y sin usar jQuery u otra librería!).

window.removeEventListener('scroll', scrollToTop)

function scrollToTop() {
	window.scrollTo(0, 0)
}

El segundo parámetro que le pasamos al removeEventListener es simplemente una pequeña función para hacer que la web vuelva al principio del todo, si en tu caso no la necesitas, el segundo parámetro es necesario, así que puedes pasarle una función vacía sin ningún problema.

Para volver activar el scroll, es exactamente lo mismo pero usando addEventListener en vez de remove.

window.addEventListener('scroll', scrollToTop)

Artículos relacionados que podrían interesarte