微信公众号开发 用vue做前端页面 解决IOS返回白屏问题
2018-01-10 18:09
826 查看
原文链接地址
问题描述:
进入A页面——>B页面——>ios自带的返回——>白屏出现——>手动点击白屏处——>问题解决
原因分析:
在ios机器上使用webview开发Vue项目时候,go history(-1), 无法将body的高度拉掉,使得遮住,触发轻点击,方可消除遮罩
解决方案实现原理:
html,body都是100%,#app撑起了父元素的告诉,但是浏览器默认的滚动scroll并不是#app,而是body,某些因素,造成返回history 后,无法复原(ios 的锅),为此,我们将#app 进行了绝对定位,并让它重新成为 scroll 的对象,从而解决问题
实现代码:
问题描述:
进入A页面——>B页面——>ios自带的返回——>白屏出现——>手动点击白屏处——>问题解决
原因分析:
在ios机器上使用webview开发Vue项目时候,go history(-1), 无法将body的高度拉掉,使得遮住,触发轻点击,方可消除遮罩
解决方案实现原理:
html,body都是100%,#app撑起了父元素的告诉,但是浏览器默认的滚动scroll并不是#app,而是body,某些因素,造成返回history 后,无法复原(ios 的锅),为此,我们将#app 进行了绝对定位,并让它重新成为 scroll 的对象,从而解决问题
实现代码:
html, body { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; } #app { width: 100%; height: 100%; background: #fff; overflow: scroll; -webkit-overflow-scrolling: touch; position: absolute; left:0; top:0; }
相关文章推荐
- IOS下 用vue开发前端项目 点击返回 页面出现空白
- iOS开发 高德地图 解决点击大头针跳转页面 返回无法点击的问题
- iOS开发中解决滑动页面时候卡顿掉帧问题
- iOS开发之解决APP界面卡死Bug,一级页面进行系统右滑返回,导致整个app卡死
- Vue proxyTable 开发环境下前端和后端真实数据对接问题和解决跨域
- 微信公众号开发,ios系统自带返回按钮,不刷新页面
- iOS与H5交互 H5与App原生交互,一般会是前端页面中的JavaScript与App使用的原生开发语言的交互。技术方案应能达到以下要求: 在js与原生进行交互的时候能保证正常的正向调用逻辑返回
- iOS开发 -- 解决IOS CLLocationManager 定位返回旧数据的问题
- iOS开发遇到memory持续上涨导致页面crash问题解决思路
- 前端开发中,浏览器自带返回键返回指定页面的解决办法
- 解决前端开发之微信内置浏览器页面渲染和缓存问题
- ios 解决第一个页面是通过loadData或者是loadHtml时返回控制的问题
- 解决微信公众号页面的按返回键隐藏弹框,而不是跳回到上一个页面的问题
- [WEB前端开发]-VM中的POST请求-解决页面向control层传参的问题
- 当使用Vue开发前端遇到的问题及解决办法汇总
- 【iOS-Cocos2d游戏开发之十八】解决滚屏背景/拼接地图有黑边(缝隙)/动画播放出现毛边以及禁止游戏中自动锁屏问题!【2011年12月18日补充】
- 【iOS-Cocos2d游戏开发之十八】解决滚屏背景/拼接地图有黑边(缝隙)以及禁止游戏中自动锁屏问题!
- 【iOS-Cocos2d游戏开发之十】添加粒子系统特效并解决粒子特效与Layer之间的坐标问题;
- 打开键盘遮住View的问题解决方法-IOS开发
- 打开键盘遮住View的问题解决方法-IOS开发