小程序ios下拉空白如何解决
更新:HHH   时间:2023-1-7


本文小编为大家详细介绍“小程序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; } 

读到这里,这篇“小程序ios下拉空白如何解决”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注天达云行业资讯频道。

返回开发技术教程...