html – iOS mobile：在可滚动的父级内滚动iFrame

概述我在移动iOS Safari中遇到了一个问题,当在iFrame内部拖动时,在包含iFrame的div中滚动是不可能的： #outside{height: 400px;width: 200px;background: blue;overflow: scroll;}.space{ height: 200px; width: 200px; background: red;} 我在移动iOS Safari中遇到了一个问题,当在iframe内部拖动时,在包含iframe的div中滚动是不可能的：

#outsIDe{height: 400px;wIDth: 200px;background: blue;overflow: scroll;}.space{  height: 200px;  wIDth: 200px;  background: red;}iframe{height: 1000px;wIDth: 200px;background-color: green;}

The green section is the iframe.... Scrolling on the green section in iOS mobile is the issue<div ID="outsIDe"><div ></div><iframe></iframe><div ></div></div>

因此,在iframe上拖动时,由于它没有滚动,因此它应该滚动父页面,而是滚动整个页面.

这个BUG有任何已知的解决方法吗？它已经在AndroID上运行了.

解决方法 使用-webkit-overflow-scrolling将< iframe>放在包装器中：touch;

.iContainer {  -webkit-overflow-scrolling: touch;}

#outsIDe {  height: 400px;  wIDth: 200px;  background: blue;  overflow: scroll;}.space {  height: 200px;  wIDth: 200px;  background: red;}iframe {  height: 1000px;  wIDth: 200px;  background-color: green;  border: none;  display:block;}iContainer {  -webkit-overflow-scrolling: touch;}

The green section is the iframe.... Scrolling on the green section in iOS mobile is the issue<div ID="outsIDe">  <div ></div>  <div >    <iframe>    </iframe>  </div>  <div ></div></div>

特别说明：将此与position：relative on< body>结合使用导致IoS设备有时会阻止滚动.让它完全恢复它的“d跳”修复它,但它仍然感觉错误和错误.因此,请确保您的< body>上没有任何设置位置.或者< HTML>.我最近调试了一下这个.

总结

以上是内存溢出为你收集整理的html – iOS mobile：在可滚动的父级内滚动iFrame全部内容，希望文章能够帮你解决html – iOS mobile：在可滚动的父级内滚动iFrame所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。