微信小程序-ios系统-下拉上拉出现白色，如何处理呢？
需积分: 45 140 浏览量
2021-03-29
17:47:15
上传
评论
收藏 40KB PDF 举报
微信小程序微信小程序-ios系统系统-下拉上拉出现白色，如何处理呢？下拉上拉出现白色，如何处理呢？
这几天做小程序，有些页面都是全屏的背景，在安卓上背景是固定的，而在ios上上拉下拉出现白色，测试说体验不太好，一
开始我以为是下拉上拉刷新造成的，关闭了依然是这样。为了体验好点，可以按一下解决：
方式一：
可以在page.json文件内配置 ："backgroundColor": "#ccc" 属性，这个方法比较便捷。但是对于一些全屏背景的页面体验
还不是很好
方式二：
对于一些全屏背景页面，我们可以让背景固定这样体验会好点，可以按以下进行操作：
1》page.json设置 "disableScroll":true ； 表示：设置为 true 则页面整体不能上下滚动；只在 page.json 中有效，无法在
app.json 中设置该项
2》对于一些页面内容太多，需要页面需要上下滑动的可以在page.wxml页面这么处理
1. <scroll-view scroll-y style="height:{{wh}}px;" bindscrolltolower="onBottom">
2.
3. </scroll-view>
3》page.js
1. wx.getSystemInfo({
2. success: function (res) {
3. that.setData({
4. "wh": res.windowHeight
5. })
6. }
7. })
4》全屏背景样式
1. page{background: url(xxx.png) no-repeat center center fixed;background-size: cover; }
免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿
用于商业用途，如果损害了您的权利，请联系网站客服处理。
评论0