javascript - 记住从第二页导航回第一页时的滚动位置

Question

如果我们有一个页面在滚动到底部时通过 ajax 加载内容，如果我们单击任何链接向下滚动到页面上的某个位置并导航到下一页。当从下一页开始时，我按下按钮，我希望页面从我喜欢的地方转到相同的位置。 请指导我如何完成。

Answer 1

在导航到第二页时，您可以通过 QueryString 发送位置并使用 javascript 在另一个页面上获取该 queryString，反之亦然。假设您在 page2 上导航，如 'page2.html?position=44' 下面是获取 queryString 的代码:

JavaScript:

function getQueryString(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

用法:var position = getQueryString('position');

希望这对您有所帮助。