jQuery addClass causa la finestra per scorrere in alto su Android e iPhone

Question

Sto lavorando su una pagina in cui in basso si trova un elemento, che viene attivato toccandolo. L'elemento quindi si espande (istantaneamente) in altezza per rivelarne il contenuto. È fatto aggiungendo una classe (".active") con jQuery a quell'elemento.

Le cose .active aggiunge davvero un blocco di visualizzazione e un'altezza. Tuttavia, ogni volta che lo tocchi, il browser torna in cima. Se commento la parte addClass in javascript, si comporta normalmente.

Solo per l'avviso, il tag di ancoraggio non ha un "href = #".

Answer 1

Come una soluzione temporanea si potrebbe mettere di nuovo lo schermo in posizione ogni volta che si fa clic ..

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