Tag: iframe

在Mobile Safari的iFrame上显示PDF的问题: 在我们的Web应用程序中，我们使用以下代码行在iframe中显示PDF文档： <iframe id="iframeContainer" src="https://example.com/pdfdoc.pdf" style="width:100%; height:500px;"></iframe> 这在所有主要的桌面浏览器都可以正常工作，PDF缩放的宽度可以放在iFrame的范围内，垂直滚动条可以查看文档中的所有页面。但目前我无法在移动版Safari中正确显示PDF。在这种情况下，只有PDF的左上部分是可见的，没有任何水平或垂直的滚动条来查看文档的其余部分。有没有人知道我解决这个问题在移动Safari？更新 – 2013年3月经过几个小时的search和实验，我可以得出结论，这个问题是一个真正的混乱！有一堆解决scheme，但每个都远远不够完美。任何人都与这一个挣扎我build议参考“ 在iPad问题上的iFrame策略 ”。对于我来说，我需要写下这个，为我们的iPad用户寻找另一个解决scheme。更新 – 2015年5月只是在这个问题上的快速更新。最近我已经开始使用Google Drive查看器，它大部分解决了原始问题。只需提供PDF文档的完整path，Google将返回HTML格式的PDF解释（不要忘记设置embedded=true ）。例如 https://drive.google.com/viewerng/viewer?embedded=true&url=www.analysis.im%2Fuploads%2Fseminar%2Fpdf-sample.pdf 我使用这个作为更小的视口的后备，并简单地embedded上面的链接到我的<iframe> 。

jQuery的scrollTop不工作在iOS的iframe中: iOS和iframe ..这样的痛苦。我有一个简单的回到顶部button应该animation滚动（而不是跳转到页面的顶部）。 $(document).on('click touchstart', '.backtotop', function() { $('html, body').animate({ scrollTop: 0 }, 1500); }); 除了iOS上的iframe之外，这个function无处不在。我还没有完全理解iOS如何处理iframe。 jQuery的.scrollTop（）函数也不会工作（无论如何不能animation）。在iOS上的iframe的唯一工作是这样的： parent.self.scrollTo(0, 0); 显然不是最好的解决scheme，因为这不适用于桌面浏览器。任何有关如何解决这个问题或iOS上的iframe一般深入的知识是非常感谢。

我怎样才能打开IOS上运行的电话/cordova应用程序中的iframe？: 我有一个与PhoneGap / Cordova一起使用的webapp，可以在iOS和Android上安装。在应用程序的一个点上，我有一个从第二个服务器加载内容的iframe。当我从浏览器运行应用程序时，一切都按预期工作 – iframe在同一页面中打开并从第二个站点加载内容。当我在使用Cordova的iPhone模拟器上运行webapp时，当iframe打开时，iOS切换到Safari并将我的应用程序置于后台。采取的步骤：我将第二个站点添加到Cordova.plist文件中的“ExternalHosts”数组中。根据PhoneGap / Cordova文档（ https://build.phonegap.com/docs/config-xml ），我在/ www目录下的index.html文件旁创build了一个config.xml文件。我在config.xml文件中添加了一个<preference name =“stay-in-webview”value =“true”/>标记，作为主要<widget>标记的子元素。我的怀疑是它不读/使用config.xml文件，但可能有别的东西…有没有人有任何想法，我可能会做错了？

iOs5 iPad / iPhone中滚动的iframe内容不呈现: 我正在开发需要显示来自其他来源（不同域）的网页的iPad的HTML5网页。我将这些页面加载到iframe ，并使用iOs5新的滚动function滚动iframe ，如下面的代码所示。 <div id="myDiv" style="height: 1185px; width: 100%; overflow:scroll; -webkit-overflow-scrolling: touch;"> <iframe id="myIframe" src="http://http://css-tricks.com/forums/discussion/11946/scrolling-iframe-on-ipad/p1"></iframe> </div> 问题在于，滚动到屏幕外的iframe内容不可见（帧为空白）。我如何克服这个问题，并提供可滚动的iframe解决scheme？