微信小程序下方出现白色区域如何解决

这篇文章主要介绍“微信小程序下方出现白色区域如何解决”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“微信小程序下方出现白色区域如何解决”文章能帮助大家解决问题。

问微信小程序下方出现白色区域怎么解决

很多时候，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; }

关于“微信小程序下方出现白色区域如何解决”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。