javascript - 如何修复 IOS safari 中 div 的内部 iframe 滚动

标签 javascript html css iframe

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

已经输入了以下代码..

溢出:自动; -webkit-overflow-scrolling:触摸;

但它不起作用......

最佳答案

达斯,

我想给你这个解决方案。

.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

关于javascript - 如何修复 IOS safari 中 div 的内部 iframe 滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48839563/

相关文章:

javascript - 通过单击父行激活复选框

javascript - 动态地将 Angular 模型分配给输入

javascript - jQuery masonry 布局完成事件不起作用

javascript - jQuery .height() 在 div 上输出与 .scrollHeight 相同的值并溢出 :auto (IE8)

javascript - 检查子节点的样式

javascript - 如何使元素在拖动时恢复到原来的位置?

javascript - 使用 fabric js 连接两个对象

html - 多边形 div 容器中的中心元素

html - 如何正确对齐 CSS/bootstrap 中的段落?

jquery - 更改 handsontable 中单元格的类名