jQuery addClass使窗口在Android和iPhone上滚动回顶部

Question

我正在一个页面上,在底部有一个元素,通过点击它激活.然后该元素(立即)在高处扩展以显示其内容.这是通过向该元素添加一个带有jQuery的类(".active")来完成的.

.active确实添加的东西是一个显示块,有些高度.但是每次点击它时,浏览器都会跳回到顶部.如果我在javascript中注释掉addClass部分,它表现正常.

只是为了抬头,锚标签没有"href =#".

Answer 1

作为临时修复，您可以在每次单击屏幕时将屏幕放回原位。

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