Tengo un menú fijo en la parte inferior de la pantalla en dispositivos móviles. Cuando desliza hacia arriba en el área de activación, abre el menú y viceversa (lo cierra cuando desliza hacia abajo en el menú)
Mi problema es que cuando deslizo hacia arriba, desplaza la página hacia abajo y cuando deslizo hacia abajo, desplaza toda la página hacia arriba.
¿Cómo puedo deshabilitar el desplazamiento de la página cuando el deslizamiento se inicia en un área determinada?
Agrega clase en la etiqueta del cuerpo cuando deslizas hacia arriba desde el menú inferior. En esa nueva clase, coloque el CSS oculto de desbordamiento. Sugiero que se vea bien si agrega un efecto de clic en lugar de deslizar hacia arriba. O aquí esta es una pregunta similar.
$('#menu li a').on('click', function(){ $('body').removeClass('overflow-hidden'); $(this).parents('body').addClass('overflow-hidden'); }); .overflow-hidden{ overflow: hidden; }