Question

我有一个很长的网站，正在嵌入另一个网站。下面的代码在台式机浏览器上非常有效，但在平板电脑或移动设备上无效。

在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>

Answer 1

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

<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>

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

1 个答案: