app里引用H5页面时,高度设置引起的底部白边等问题
H5页面在app里的常见问题:
1.当H5页面高度设置为100%,设置背景色时,发现高度有内容撑开,背景色没有铺满整个背景。
2.当H5页面高度设置为100vh,设置背景色时,背景设能铺满,但是上拉时底部有白边。
3.当H5页面高度设置为最小高度为 100%或100vh,内容超出屏幕高度,上拉有调取接口时,有卡顿现象。
解决方法:
可以在父元素设置:
overflow-y: auto;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;