资讯专栏INFORMATION COLUMN

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

2i18ns / 1541人阅读

摘要:在跳转链接前记录当前滚动条距离存入跳转后返回读取重新赋值在微信内执行因为兼容性问题用了好用的库

在跳转链接前 记录当前滚动条距离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)
        }
    },
    
    

因为sessionStorage兼容性问题
用了好用的cookie库 https://github.com/ScottHampe...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/80698.html

相关文章

  • 解决微信返回上一之后,面不刷新

    摘要:微信公众号点击后退按钮,优选读取缓存,所以里的生命周期不会在进行调用。原因分析一浏览器包括微信的开发者工具都是的返回可以刷新页面但是唯有不行二浏览器原因返回上一页后,页面内容并不会刷新。 问题描述: A页面跳转到B页面,在B页面进行了相关的操作之后,返回到A页面,A页面的数据没有刷新.具体实例:由于项目中使用了vue,使用了gulp和普通的页面跳转。并没有引入vue-router。所以...

    chengtao1633 评论0 收藏0
  • 前端面试题总结(js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源)

    摘要:并总结经典面试题集各种算法和插件前端视频源码资源于一身的文档,优化项目,在浏览器端的层面上提升速度,帮助初中级前端工程师快速搭建项目。 本文是关注微信小程序的开发和面试问题,由基础到困难循序渐进,适合面试和开发小程序。并总结vue React html css js 经典面试题 集各种算法和插件、前端视频源码资源于一身的文档,优化项目,在浏览器端的层面上提升速度,帮助初中级前端工程师快...

    li21 评论0 收藏0

发表评论

0条评论

2i18ns

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<