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

Question

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

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

只是提醒一下，锚标记没有“href=#”。

Answer 1

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

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