无法使用 <embed> HTML 在 iOS 中滚动

【问题标题】：Not able to scroll in iOS using <embed> HTML无法使用 <embed> HTML 在 iOS 中滚动
【发布时间】：2018-12-29 18:44:11
【问题描述】：

我有一个很长的网站，我正在嵌入另一个网站。以下代码适用于桌面浏览器，但不适用于平板电脑或移动设备。

在 iOS 上，当我尝试上下移动页面时无法滚动。在桌面上，没有问题。

问题：如何更正下面的代码，以便在任何浏览器中滚动始终有效？

代码：

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <style>
         html, body, embed {
         width: 100%;
         height: 100%;
         margin: 0;
         display: block;
         }
      </style>
   </head>
   <body>
      <embed src="http://www.example.com">
   </body>
</html>

【问题讨论】：

标签： html ios css web embed

【解决方案1】：

我尝试使用标签在另一个页面中包含可滚动网页。与您的体验相同，嵌入式页面可以在桌面上正常滚动，但不能在 iOS 上滚动。我切换到允许在桌面和 iOS 上滚动 iframe 内容的 iframe：

<div style="overflow: auto; -webkit-overflow-scrolling: touch;height:450px;" id="my">
    <iframe src="https://www.example.com" style="overflow: auto; -webkit-overflow-scrolling: touch; border: none;" scrolling="yes" width="100%" height="100%"> </iframe>
</div>

【讨论】：

我猜 OP 已经知道这一点了。但他问的是嵌入。我想我知道他尝试嵌入的原因。我的是 Safari iOS 在获取 scrollTop 时只返回 0。我发现通过使用嵌入，至少它返回滚动顶部，但不能在嵌入标签内滚动。这让我发疯了