使用JavaScript提交表单后，如何返回到原始滚动位置？

Question

提交表格后如何自动退回到按钮的位置？

function scrollToButtonPosition(x,y){
  window.scrollTo(x,y);
}

单击提交按钮时，如何调用此函数并传递当前滚动坐标？

Answer 1

您可以选择几种方法来实现。

• 使用AJAX将表单提交到脚本。 滚动位置将保持不变
• 在提交时，将滚动位置保存到本地存储中，并在加载时查看此项目是否在本地存储中，如果滚动，请滚动到该位置并删除本地存储中的项目。 如果不是，则由于提交表单而无法加载此页面。
• 使用a锚。 通常将表单提交到脚本，但将锚添加到表单操作URL。

使用AJAX将是最好的选择。 但是添加锚点是最容易实现的。

锚的小提琴： https : //fiddle.jshell.net/vaxdu4n7/9/show/