返回

提供微商城·微分销·小程序开店需求

5分钟开通你的微信商城店铺!
HiShop > Hi小程序 > 小程序问答 >

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

2018-05-02 作者:黄先生

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

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


推荐文章

微分销 产品资料 领取开店礼包 免费体验
门店管理 裂变获客 商城开发 免费注册