javascript - jQuery addClass导致窗口在Android和iPhone上滚动回到顶部

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

.active真正添加的东西是一个显示块和一些高度。但是，每次您点击它时，浏览器都会跳回到顶部。如果我注释掉javascript中的addClass部分，则其行为正常。

仅注意，anchor标签没有“href =＃”。

最佳答案

作为临时解决方案，您可以在每次单击屏幕时将其放回原位。

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