解决微信内置浏览器返回上一页停留位置强制刷新问题的最简单方法(适用于本页无ajax请求)...

转载于 2018-01-24 10:02:00 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lsbaiwyl/p/8340172.html

文章标签：

#移动开发

本文介绍了一种在页面跳转前后保存和恢复滚动条位置的方法，利用sessionStorage或Cookies来存储滚动条的距离，确保用户在不同页面间切换时能够回到之前的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在跳转链接前记录当前滚动条距离st 存入sessionStorage
跳转后返回读取st 重新赋值

 // 在微信内执行
    platform.isWeixin && this.getSt();
},
methods: {
    getSt() {
        if (window.sessionStorage) {
            if (sessionStorage.getItem("st")) {
                document.body.scrollTop = sessionStorage.getItem("st");
            }
        } else {
            if (Cookies.get("st")) {
                document.body.scrollTop = Cookies.get("st");
            }
        }
    },
    setSt() {
        if (window.sessionStorage) {
            sessionStorage.setItem('st', document.body.scrollTop);
        } else {
            Cookies.set('st', document.body.scrollTop)
        }
    },