我在一个页面上工作,该页面底部有一个元素,通过点击它可以激活该元素。然后该元素会(立即)扩展高度以显示其内容。这是通过使用 jQuery 向该元素添加一个类 (".active") 来完成的。
.active 真正添加的是一个显示 block 和一些高度。但是,每次点击它时,浏览器都会跳回顶部。如果我在 javascript 中注释掉 addClass 部分,它会正常运行。
请注意, anchor 标记没有“href=#”。
最佳答案
作为临时修复,您可以在每次点击时将屏幕放回原位。
$('.troublemaker').click(function(e){
var currentScroll = $(document).scrollTop();
setTimeout( function(){ $(document).scrollTop( currentScroll ); }, 10 );
});
关于javascript - jQuery addClass 导致窗口在 Android 和 iPhone 上滚动回到顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9583618/