ios iframe问题
<div class="home"v-show="selectedLabel===0"><iframe leftmargin="0"topmargin="0"marginwidth="0"marginheight="0"fra...
·
<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;
}
更多推荐
已为社区贡献1条内容
所有评论(0)