微信小程序-ios系统-弹簧回弹效果,下拉上拉出现白色,如何处理呢?

这几天做小程序,有些页面都是全屏的背景,在安卓上背景是固定的,而在ios上上拉下拉出现白

ios系统滑动页面有个弹簧效果,App上一般滑动视图有个bounce属性,设置为NO就可以了 ,但是小程序在苹果手机上运行,页面滑动也会有弹簧效果,同时有看见一个白色背景,这个背景色并不能通过设置页面page背景色去掉,想要滑动视图的时候看不到白色背景,可以按照下面的方法

方式一:

  可以在page.json文件内配置 :"backgroundColor": "#ccc" 属性,这个方法比较便捷。但是对于一些全屏背景的页面体验还不是很好

方式二:

  对于一些全屏背景页面,我们可以让背景固定这样体验会好点,可以按以下进行操作:

  1》page.json设置 "disableScroll":true ; 表示:设置为 true 则页面整体不能上下滚动;只在 page.json 中有效,无法在 app.json 中设置该项

2》对于一些页面内容太多,需要页面需要上下滑动的可以在page.wxml页面这么处理

<scroll-view scroll-y style="height:{{wh}}px;" bindscrolltolower="onBottom">

</scroll-view>

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; } 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值