小程序ios下拉空白,ios小程序下拉刷新白色怎么处理

 
很多人在开发小程序时,会遇到这种情况:有些页面都是全屏的背景,在安卓上背景是固定的,而在ios上上拉下拉出现白色。以下是解决办法:
 
方式一:
 
  可以在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; } 


多程序小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。

更多小程序资讯,尽在:www.duochengxu.com

 

上一篇 小程序隐藏标题栏可以实现吗 下一篇 微信小程序地图map开发之基本属性
论坛资讯同步说明,本文同步自论坛:bbs.miaozhizuo.com,如您在论坛注册成为会员用户并且发帖,则默认论坛文章同步协议,协议内容请移步论坛查看!

          在线客服

            点击这里给我发消息

          VIP咨询
         点击这里给我发消息

          咨询热线

   17080039991

      (免费拨打)

          代理招商

   178-9531-8531

[关闭]
随手APP微信

官方微信自助客服

[关闭]