问题模块 框架类型 终端类型 操作系统 微信版本 基础库版本
框架 微信小程序 客户端 iOS 6.6.5 1.9.91(2018.2.9 11:13:54)
我想反馈一个 Bug
ios版本10.3.2
如果是 Bug:
* Bug 表现是什么?预期表现是什么?
我将一个scroll-view设定了height,height为一个变量
listHeight通过wx.getSystemInfoSync()来获取信息,具体代码如下
var info = wx.getSystemInfoSync();
var screenHeight = info.screenHeight;
var __listHeight = (screenHeight * 2) - 96 - 40;
console.log("__listHeight : " + __listHeight);
this.setData({
"listHeight": __listHeight + "rpx"
});
结果在模拟器的ip7plus中输出listHeight是1336,之后在xml中显示height:570px
但是到了ip7plus的真机上,同样listHeight输出数据还是1336,之后在真机的xml中显示的style的height赋值是737px。
这个问题导致在真机中的scroll-view设置高度不对,超过了屏幕的底边,底部的元素会部分在屏幕下方不可见区域停留,无法滚动上来显示。
* 如何复现?
设定一个scroll-view,设置style的height为一个数值,之后查看模拟器和真机中xml中的数据如何展示
* 提供一个最简复现 Demo
xml代码如下
在js的onload事件中放入如下代码
var screenHeight = info.screenHeight;
var __listHeight = (screenHeight * 2) - 96 - 40;
console.log("__listHeight : " + __listHeight);
this.setData({
"listHeight": __listHeight + "rpx"
});
查看生成的xml中的style='height:???'
???处的信息
微信小程序开发问题解答
微信小程序开发者回答:
没有解决,目前勉强用 height:100vh 这样的方式去做,里面的布局再利用padding,margin去调整
本文网址:http://www.91bianli.com/weixinxiaochengxu/48949.html