ios iframe问题

 <div class="home"
         v-show="selectedLabel===0">
      <iframe leftmargin="0"
              topmargin="0"
              marginwidth="0"
              marginheight="0"
              frameborder="0"
              src="https://zjocean.org.cn/phone/#/"></iframe>
    </div>

1.ios直接用iframe嵌入页面,页面被截，不会滚动
2.给iframe的父标签添加特殊属性,页面会局部滚动，但是页面会有抖动等体验不好的效果

.home {
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
}

3.如果嵌入的页面如下面类似，图标的正常位置是固定在屏幕的底部，ios则由于滚动问题，图标不会固定在屏幕底部，这种页面不建议嵌入页面，可以选择跳转页面。
4.如没有图标时，可以通过定位的解决页面滚动，解决页面抖动等不好的体验效果

.home {
  width: 100%;
  position: absolute;
  top: 1.17333rem;
  bottom: 1.333rem;
}

iframe {
  width: 100%;
  min-height: 100%;
  margin-bottom: 1.333rem;
}