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

How to return to original scroll position after submitting a form using javascript?

本文关键字：原始 滚动 位置 返回 何使用 javascript 提交 表单      更新时间：2023-09-26
提交

表单后如何自动滚动回按钮位置？

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

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

您有几种选择来实现这一点。

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

使用 AJAX 将是最佳选择。但追加定位点是最容易实现的。

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

相关文章：