您当前的位置: 首页 > 知识百科 > 微信公众号头部如何添加返回按钮?

微信公众号头部如何添加返回按钮?

时间:2023-07-01 14:05 阅读数:16 人阅读 分类:知识百科

  微信公众号头部如何添加返回按钮?小伙伴们有没有注意到无论是我们在浏览app时还是网页时,在页面的上方和下方都会有一个返回按钮以方便我们操作。那么微信也可以添加吗?下面小编就来为大家讲解一下微信公众号头部如何添加返回按钮。

  从列表页A跳转到详情页B,点击返回的时候希望回到列表页A当初浏览的位置。其他浏览器都没有问题,因为都是静态保持页面原有的状态,只有微信内置浏览器会在返回后重新加载A页面。但也看到很多公众号的微应用返回后并不会刷新,看了看页面源代码也没看出有什么特别的。

  目前已知的解决方案:

  1、跳转B页面前在sessionStorage中存放A页面的数据,以及滚动条位置,A页面初始化时判断sessionStorage中的值,有的话就不重新请求服务器,而是现实sessionStorage中的值,并且scrollTo到指定位置。

  2、往history中插入#以使返回失效,将详情页B做成div弹层,使用自定义的返回按钮来隐藏详情页。

  由于种种原因以上两种方案都不想采用,不知道各位有没有更通用更直接的方法,比如在页面头部添加什么信息通知浏览器别刷新之类。

  // 在微信内执行

  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)

  }

  },

  以上就是小编为大家整理的关于微信公众号头部如何添加返回按钮的内容,快去设置吧。更多更精彩的内容请持续关注微信素材网。

  相关阅读:

       进行微信公众号认证有哪些好处?

       微信公众号动画效果如何设置?

       微信公众号如何做好搜索排名?