Hace poco tuve la necesidad de desactivar el efecto «pull-to-refresh» en una aplicación web, empaquetada para dispositivos Android. En teoría, un Webview.
Esto aplica para cualquier sitio o aplicación web, en la cual por alguna razón, se haga necesario desactivar ese efecto que nos permite recargar la página al presionar la pantalla y deslizar nuestro dedo hacía abajo.
Es muy fácil desactivar este efecto del navegador, mediante CSS:
overscroll-behavior: none;
Con la propiedad anterior, puedes desactivar este efecto, la forma correcta de uso, para asegurarte de que se aplique a todo, puede ser algo así:
html, body, div{
overscroll-behavior: none;
}
Ahora, la propiedad es mucho más compleja que eso y puedes personalizarla. (De forma opcional) incluso puedes cambiar la animación por defecto.
Si en vez de desactivar la animación, quieres optar por personalizarla y llevar esto al siguiente nivel, te recomiendo el siguiente artículo oficial de Google Developer con el paso a paso.
Nos vemos en la próxima nota.
Recuerda dejar tu comentario, si tienes alguna duda.
#HappyCoding