这篇文章主要介绍“微信小程序下方出现白色区域如何解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“微信小程序下方出现白色区域如何解决”文章能帮助大家解决问题。
问微信小程序下方出现白色区域怎么解决
很多时候,ios系统的手机在使用小程序时会出现下方出现白色区域,这是什么情况,如何解决问题。
答技术解决
是技术开发的时候代码写的问题。
直接找技术 解决下就可以了。
2微信小程序下方出现白色区域的解决办法
在做小程序时,有些页面都是全屏的背景,在安卓上背景是固定的,而在ios上上拉下拉出现白色,测试说体验不太好,一开始我以为是下拉上拉刷新造成的,关闭了依然是这样。为了体验好点,可以按一下解决:
方式一:
可以在page.json文件内配置 :"backgroundColor": "#ccc" 属性,这个方法比较便捷。但是对于一些全屏背景的页面体验还不是很好
方式二:
对于一些全屏背景页面,我们可以让背景固定这样体验会好点,可以按以下进行操作:
1》page.json设置 "disableScroll":true ; 表示:设置为 true 则页面整体不能上下滚动;只在 page.json 中有效,无法在 app.json 中设置该项
2》对于一些页面内容太多,需要页面需要上下滑动的可以在page.wxml页面这么处理
3》page.js
wx.getSystemInfo({ success: function (res) { that.setData({ "wh": res.windowHeight }) }})
4》全屏背景样式
page{background: url(xxx.png) no-repeat center center fixed;background-size: cover; }
关于“微信小程序下方出现白色区域如何解决”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网行业资讯频道,小编每天都会为大家更新不同的知识点。