温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

小程序ios下拉空白如何解决

发布时间:2022-03-14 10:29:56 来源:亿速云 阅读:856 作者:iii 栏目:开发技术

本文小编为大家详细介绍“小程序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下拉空白如何解决”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI