频道栏目
首页 > 程序开发 > 移动开发 > IOS > 正文
web移动端解决ios系统上左滑返回上一页问题
2017-04-11 13:51:52         来源:xiaogezl的博客  
收藏   我要投稿

web移动端解决ios系统上左滑返回上一页问题。最近在写移动端项目,应用在微信上面的一个webapp(vue单页面开发),遇到了一个很尴尬的问题,就是有些页面之间的跳转是通过储存在sessionStorage中的某些数据,然后进行判断再渲染不同的组件,通过页面中左上角返回按钮进行修改sessionStorage中的值。但是由于Ios自带的左滑返回上一页,导致了不触发左上角的按钮直接返回,从而渲染了错误的页面,所以我通过以下世界杯外围投注网站阻止了默认返回上一页,不过目前的左滑是退出该webapp返回微信(这给ios系统世界杯体育投注平台带来了不好的体验= =)

	//1.一开始用这段世界杯外围投注网站,结果发现滚动都失效了,如果页面大于屏幕高度将无法滚动至底部,所以淘汰
	// document.addEventListener(&世界杯外围投注官网39;touchmove&世界杯外围投注官网39;, function(e) {
	// 	e.preventDefault();
	// });
	//2.改良后的世界杯外围投注网站,将该世界杯外围投注网站直接放在index.html文件下即可
    let self = this;
    document.addEventListener(&世界杯外围投注官网39;touchstart&世界杯外围投注官网39;, (e) => {
      self.moveY = e.targetTouches[0].pageY;
    })
    document.addEventListener(&世界杯外围投注官网39;touchmove&世界杯外围投注官网39;, (e) => {
      e.preventDefault();
      let moveWidth = self.moveY - e.targetTouches[0].pageY;
      if (moveWidth !== 0) {
        document.body.scrollTop += moveWidth;
      }
    })
点击复制链接 与好友分享!回本站首页
上一篇:iOS富文本字符串AttributedString详解
下一篇:iOS开发Archive报错Build Failed不显示打包界面
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑--致力于做实用的IT技术学习网站

世界杯外围投注官网