jQuery addClass ventana de causa para desplazarse hacia atrás en Android y iPhone

Question

Estoy trabajando en una página donde en la parte inferior se encuentra un elemento, que se activa tocando sobre él. El elemento se expande (instantáneamente) en altura para revelar su contenido. Se hace agregando una clase (".active") con jQuery a ese elemento.

Lo que realmente agrega .active es un bloque de visualización, y algo de altura. Sin embargo, cada vez que lo toca, el navegador salta de nuevo a la parte superior. Si comento la parte addClass en el javascript, se comporta de manera normal.

Solo para el encabezado, la etiqueta del ancla no tiene un "href = #".

Answer 1

Como una solución temporal se puede poner la pantalla en su posición cada vez que se hace clic ..

$('.troublemaker').click(function(e){ 
    var currentScroll = $(document).scrollTop(); 
    setTimeout(function(){ $(document).scrollTop(currentScroll); }, 10); 
});