移动端如何解决页面返回上次浏览位置问题

Posted -lin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端如何解决页面返回上次浏览位置问题相关的知识,希望对你有一定的参考价值。

function pushHistory() {
        var state = {};
        state = {
            // title: "itGrade",
            自定义参数:自定义参数
        };
        console.log(state);
        window.history.pushState(state, null, "#");
    }

    // 在需要监听的页面执行该方法 自动监听页面返回操作
    window.addEventListener("popstate", function(e) {
        console.log(window.history);
        var state = window.history.state;
        console.log(state);
        if(state){
           //对应pushHistory 中的state的参数处理数据
        }else{
            window.history.go(-1);
        }
    }, false);

 

以上是关于移动端如何解决页面返回上次浏览位置问题的主要内容,如果未能解决你的问题,请参考以下文章

移动端检测微信浏览器返回,关闭,进入后台操作

移动端检测微信浏览器返回,关闭,进入后台操作

移动端 点击返回按钮页面不刷新

安卓微信端打开H5页面背景图被键盘挤压移动位置解决

浏览器不记得上次查看页面的位置

移动端点击返回时强制页面刷新解决办法(pageshow)