H5在iOS上的滚动兼容问题

一，为了防止body跟着滚动需设置:

body{
    overflow: hidden;
}

二，为了防止body中的div设置height:100%撑不开

Body {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

三，兼容刘海屏

<meta name="viewport" 
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
/>

四，另外需要设置容器高度为height: 100vh 否则height: 100%为不包含安全区域的高度

去除滚动条

显示设置为

overflow-y: scroll;
*::-webkit-scrollbar {
        width: 0;
        height: 0;