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

jQuery addClass cause window to scroll back to top on Android and iPhone

本文关键字：iPhone 滚动 顶部 Android addClass 窗口 jQuery      更新时间：2023-09-26

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

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

只是为了提醒注意，锚点标签没有"href=#"。

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

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