没有解决,目前勉强用 height:100vh 这样的方式去做,里面的布局再利用padding,margin去调整
同样的rpx在ip7plus的模拟器和真机换算的px不同我想反馈一个 Bug ios版本10.3.2 如果是 Bug: * Bug 表现是什么?预期表现是什么? 我将一个scroll-view设定了height,height为一个变量 [代码]<[代码][代码]scroll-view[代码] [代码]scroll-y [代码][代码]class[代码][代码]=[代码][代码]'entertain-list'[代码] [代码]scroll-y[代码][代码]=[代码][代码]"true"[代码] [代码]bindscrolltolower[代码][代码]=[代码][代码]"lowerLoad"[代码] [代码]scroll-top[代码][代码]=[代码][代码]"{{scroll-top}}"[代码] [代码]style[代码][代码]=[代码][代码]'height:{{listHeight}}'[代码] [代码]enable-back-to-top[代码][代码]=[代码][代码]'true'[代码][代码]>[代码]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 [代码]<[代码][代码]scroll-viewscroll-top[代码][代码]=[代码][代码]"0"[代码][代码]enable-back-to-top[代码][代码]=[代码][代码]""[代码][代码]scroll-y[代码][代码]=[代码][代码]""[代码][代码]class[代码][代码]=[代码][代码]"entertain-list"[代码][代码]style[代码][代码]=[代码][代码]"height:570px"[代码][代码]>[代码]但是到了ip7plus的真机上,同样listHeight输出数据还是1336,之后在真机的xml中显示的style的height赋值是737px。 这个问题导致在真机中的scroll-view设置高度不对,超过了屏幕的底边,底部的元素会部分在屏幕下方不可见区域停留,无法滚动上来显示。 * 如何复现? 设定一个scroll-view,设置style的height为一个数值,之后查看模拟器和真机中xml中的数据如何展示 * 提供一个最简复现 Demo xml代码如下 [代码]<[代码][代码]scroll-view[代码] [代码]scroll-y [代码][代码]class[代码][代码]=[代码][代码]'entertain-list'[代码] [代码]scroll-y[代码][代码]=[代码][代码]"true"[代码] [代码]bindscrolltolower[代码][代码]=[代码][代码]"lowerLoad"[代码] [代码]scroll-top[代码][代码]=[代码][代码]"{{scroll-top}}"[代码] [代码]style[代码][代码]=[代码][代码]'height:{{listHeight}}'[代码] [代码]enable-back-to-top[代码][代码]=[代码][代码]'true'[代码][代码]>[代码][代码]</[代码][代码]scroll-view[代码] [代码]>[代码]在js的onload事件中放入如下代码 [代码]var[代码] [代码]screenHeight = info.screenHeight;[代码][代码] [代码] [代码]var[代码] [代码]__listHeight = (screenHeight * 2) - 96 - 40;[代码][代码] [代码] [代码]console.log([代码][代码]"__listHeight : "[代码] [代码]+ __listHeight);[代码][代码] [代码] [代码]this[代码][代码].setData({[代码][代码] [代码] [代码]"listHeight"[代码][代码]: __listHeight + [代码][代码]"rpx"[代码][代码] [代码] [代码]});[代码]查看生成的xml中的style='height:???' ???处的信息
2018-05-31