admin管理员组

文章数量:1562425

前端第三方的弹窗控件，点击弹窗的关闭按钮时，有一个锚点的跳转：

location.hash="tag";

但是这个效果只在PC上调试生效，在手机浏览器上，能看到地址栏里有#tag，但是页面没有跳转到指定的位置。

尝试了其他的跳转方式，比如：

document.getElementById('tag').scrollIntoView()
都是不能跳转到指定的锚点。

注意到在点击完关闭按钮后，画面有一瞬的闪烁。怀疑是弹窗消失和滑动到指定锚点冲突。

于是尝试在锚点跳转处加上延时操作：

setTimeout(function(){
    location.hash="tag";
},500);


再调试时，手机上的页面就能过正常跳转到指定的锚点。

本文标签： 浏览器页面手机时锚点

版权声明：本文标题：前端页面在手机浏览器显示时锚点失效的解决 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1727473974a1116355.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。