没有合适的资源?快使用搜索试试~ 我知道了~
微信小程序-ios系统-下拉上拉出现白色,如何处理呢?
需积分: 45 7 下载量 93 浏览量
2021-03-29
17:47:15
上传
评论 1
收藏 40KB PDF 举报
温馨提示
这几天做小程序,有些页面都是全屏的背景,在安卓上背景是固定的,而在ios上上拉下拉出现白色,测试说体验不太好,一开始我以为是下拉上拉刷新造成的,关闭了依然是这样。为了体验好点,可以按一下解决: 方式一: 可以在page.json文件内配置 :"backgroundColor": "#ccc" 属性,这个方法比较便捷。但是对于一些全屏背景的页面体验还不是很好 方式二: 对于一些全屏背景页面,我们可以让背景固定这样体验会好点,可以按以下进行操作: 1》page.json设置 "disableScroll":true ; 表示:设置为 true 则页面整体不能上下滚动;只在 page.j
资源详情
资源评论
资源推荐
微信小程序微信小程序-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; }
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿
用于商业用途,如果损害了您的权利,请联系网站客服处理。
weixin_38660327
- 粉丝: 8
- 资源: 952
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0