<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;
}

在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐