javascript - 如何提交表单然后让浏览器返回到页面上的同一位置?

标签 javascript jquery forms

我正在尝试创建一个表单,在提交时发送数据,然后当页面重新加载时,用户将返回到使用 javascript 或 jquery 提交表单之前所在页面上的同一位置。

最佳答案

未经测试,但您会执行以下操作:

$(function() {
    var lst = localStorage.getItem('lastScrollTop');
    if(lst !== null) {
        $(window).scrollTop(lst);
        localStorage.removeItem('lastScrollTop');
    }
    $("form").on('submit', function() {
        //use whatever persistence method you'd like, I'm using HTML5 localStorage for brevity
        localStorage.setItem('lastScrollTop', $(window).scrollTop());
    });
});

关于javascript - 如何提交表单然后让浏览器返回到页面上的同一位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27554993/

相关文章:

jquery - 在手机折叠时将所有 Bootstrap 子菜单显示为打开

html - 如何水平对齐表格?

javascript - HTML 表单操作 - "Order of Operation"

javascript - Jquery Validate resetForm 不清除错误信息

CakePHP Controller 中的 JavaScript

javascript - 如何在 html 中创建像 Outlook To(收件人姓名)这样的文本框

IE9+ 中带填充的 jQuery UI .addClass() 动画

javascript - 从 PHP 获取数组数据到 jQuery 进行输出

javascript - array.forEach 的 thisArg 没有按预期引用

javascript - 如何在加载页面和提交表单时提交表单?