97-liu

导航

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;

posted on 2022-04-06 11:38  大圣爱打猪八戒  阅读(367)  评论(0编辑  收藏  举报