jQuery addClass вызывает окно, чтобы прокрутить вверх на Android и iPhone

Question

Я работаю над страницей, где внизу находится элемент, который активируется нажатием на него.Затем элемент увеличивается (мгновенно) по высоте, чтобы раскрыть его содержание.Это делается путем добавления класса (".active") с jQuery к этому элементу.

Вещи, которые действительно добавляет .active, это блок отображения и некоторая высота.Однако каждый раз, когда вы нажимаете на него, браузер переходит наверх.Если я закомментирую часть addClass в javascript, она будет вести себя нормально.

Только для заголовков у тега привязки нет "href = #".

Answer 1

В качестве временного исправления вы можете возвращать экран в исходное положение при каждом нажатии.

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