基本上我从非响应式网站嵌入了iframe,在容器div中允许它在移动设备上滚动。
<div style="width: 100%; overflow: auto; overflow-y: auto; -webkit-overflow- scrolling: touch; height: 7000px; position: relative;">
<iframe style="background: transparent; height: 100%; width: 100%;" frameborder="0" src="https://myurl"></iframe>
</div>
这适用于iframe中的大多数页面,但是在一个页面上有一个宽度较大的表格时,水平滚动会在水平到达表格末尾时跳回。
不幸的是,出于安全原因,我无法提供链接
答案 0 :(得分:0)
如果使用Overflow属性怎么办?
overflow: hidden
隐藏所有溢出(如果使用正确)。您也可以使用
overflow-x: hidden
overflow-y: hidden