我想反馈一个 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:???'
???处的信息
没有解决,目前勉强用 height:100vh 这样的方式去做,里面的布局再利用padding,margin去调整
楼主解决的吗?我也遇到了