fex-team / GMU

基于zepto的ui组件库,适用于移动端
1.09k stars 414 forks source link

iPhone4 gotop iscroll 问题 #130

Open miller opened 11 years ago

miller commented 11 years ago

在iphone4的safari查看http://gmu.baidu.com/demo/widget/gotop/gotop_iscroll.html的demo时最后一行看不到,即第49行

来自:cl_knight51 cl_knight51@163.com

yancend commented 11 years ago

复现。 发现在iScroll容器的前面如果有占位的内容,底下的就会显示不全。没有显示的内容高度与前面占位的内容高度一致。 比如在demo中:

b2454420-1efc-4566-8e96-3071a67bd2a0

这样demo底下就会有一行(49行)不显示。 如果是: 60644b7a-db5d-44ac-813c-58e708222574

这样demo底下就会有两行(48,49行)不显示。

2betop commented 11 years ago

其实不用占位内容也能复现,这个demo没有写好,让main的高度固定是360px; 而iphone竖屏下的可视高度也是360,toolbar正好把它挤下去了,以至于有44px看不到。 改了下样式,让main的高度自适应与屏幕高度,解决了此问题。