h5页面在微信浏览器中头部或底部被遮挡

由于微信浏览器本身的内核原因

我们在使用position:fiexd 固定定位时 页面处于最顶端或者最低端时 继续往下拉  此时被固定定位的元素 会被遮挡

所以 要将固定定位 改为 absolute 绝对定位 或者relative 相对定位两种

将中间可滑动的元素 设置为固定高度 并且可以滑动

例：

.mobile-body{
   position: relative;
   top:0;
   height:calc(100vh - xxxrem);
   overflow: scroll;
}

这样既可，也不会影响页面监听滚动距离