如何修复 IOS Safari 中 div 的内部 iframe 滚动

【问题标题】：How to fix inner iframe scrolling of div in IOS safari如何修复 IOS Safari 中 div 的内部 iframe 滚动
【发布时间】：2018-07-28 02:49:39
【问题描述】：

我在 iPad-Safari 中遇到了与 iframe 滚动相关的问题。我正在开发一个网站，其中包含一些嵌套的 iframe，但我无法在 IOS（safari）中滚动 iframe 内的内容。

已经放了下面的代码..

溢出：自动； -webkit-overflow-scrolling: 触摸；

但它不起作用....

【问题讨论】：

“一些嵌套的 iframe”听起来很模糊，鉴于这些嵌套的 iframe，您并不清楚哪些内容不会滚动。

标签： javascript html css iframe

【解决方案1】：

达斯，

我想给你这个解决方案。

.div1{
   position:relative;  
}
span{
  position:absolute;
  top:0;
  left:0;
}

HTML

<div class="div1">
  <span></span>
  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d223978.0974992324!2d77.25494051113822!3d28.699882183239836!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cf1bb41c50fdf%3A0xe6f06fd26a7798ba!2sGhaziabad%2C+Uttar+Pradesh!5e0!3m2!1sen!2sin!4v1518858854272" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

查看此链接jsfiddle

【讨论】：