环境:移动端浏览器
浏览公司网站的时候,偶然发现,往上滑动的时候,超出浏览器高度的部分没有了。
今天试了很久,终于找到问题所在。
bug复现条件:按着header区域,然后拖住往上滚动,会出现下图,必须触发的窗体是整个body,如果是按着的是内容区,页面还是可以出来的。
内容区样式:
.index-wrap{
background-color: #fff;
position: relative;
width: 100%;
height:100%;
overflow-x: hidden;
overflow-y: auto;
}
主要问题在height:100%
在此高度条件下,整个窗体高度100%,把页面缩放,效果最明显。height:100%的时候,缩放的高度是body下面显示的页面,超出的不显示。
注释掉此高度,便可以显示整个页面。
一个小小的height,还有如此讲究,哈哈