如何解决历史记录返回后,滚动到顶部
我正在Web应用程序中使用以下代码返回页面:
window.history.go(-1);
效果很好,但是可以将用户带到页面上相同的垂直位置。返回后,如何显示页面的顶部?
我尝试过:
<script>
window.history.go(-1);
window.scrollTo(0,0); // This doesn't execute.
</script>
我不需要流畅的动画或过渡。关键是确保返回后命令可以运行。
解决方法
好吧,在尝试了几件事之后,这些是对我有用的仅有的两件事。
jQuery
$(window).on("pageshow",function(event) {
window.scrollTo(0,0);
});
JavaScript
window.onpageshow = function(event) {
window.scrollTo(0,0);
};
我希望它可以帮助某人。
,该方法虽然适用于Firefox,但不适用于Chrome。您可以参考问题After travelling back in Firefox history,JavaScript won't run以获得更多详细信息。
您可以在first_page.html中使用此代码:
<script>
window.onunload = function () { };
scrollTo(0,0);
</script>
使用onunload时,即使按下后退按钮或使用window.history.go(-1),也要确保执行scrollTo(0,0);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。