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

Question

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

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

请注意， anchor 标记没有“href=#”。

Answer 1

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

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