Fatal编程技术网
  • ios/
  • IOS 6.0.1 Safari在iframe中滚动pdf

IOS 6.0.1 Safari在iframe中滚动pdf

ios pdf iframe

IOS 6.0.1 Safari在iframe中滚动pdf,ios,pdf,iframe,mobile-safari,Ios,Pdf,Iframe,Mobile Safari,我正在使用我的网页显示来自App_数据的pdf 我使用以下html： <iframe src="" id="iframePDF" style="width:100%; height:93%;z-index:1;></iframe> 缩放没有缩放页面，我无法滚动 是否有此解决方案或解决方案？将iframe包装在某种宽度受限的元素中，然后将此CSS应用于该元素： -webkit-overflow-scrolling: touch 您可能可以使用两个手指滚动，这对用户来说

我正在使用我的网页显示来自App_数据的pdf

我使用以下html：

<iframe src=""  id="iframePDF" style="width:100%; height:93%;z-index:1;></iframe>
缩放没有缩放页面，我无法滚动

是否有此解决方案或解决方案？

将iframe包装在某种宽度受限的元素中，然后将此CSS应用于该元素：

-webkit-overflow-scrolling: touch
您可能可以使用两个手指滚动，这对用户来说并不直观。除非您知道内容的大小，否则无法使该区域可滚动，而您不能，因为iOS不会告诉您

抱歉，朋友，但是你必须研究一下本地或混合应用程序，比如Cordova（PhoneGap）提供的解决方案。无论文件是在.NET App_数据中还是在任何其他在线位置，这都无关紧要

它在浏览器中工作的原因是，它有一个内置的文件查看器，当您在新窗口中打开文件时会加载该查看器。

不幸的是，它没有。这实际上会提供滚动，您需要为iframe指定一个特定的像素宽度/高度，然后将其包装在一个div中，该div被约束为视口的所需大小。我总是这样做。请参阅本页的示例1，它们基本上描述了相同的内容：，如果我的答案不够清楚，很抱歉。我将查看并让您知道。也许我应该使用比你提供的例子更多的东西。顺便说一句，我没有提到缩放，但据我所知，iOS不允许在iframe中进行缩放。 
-webkit-overflow-scrolling: touch