iPad - 无法在框架内滚动

时间:2011-04-26 13:43:04

标签: javascript css ipad macos safari

我无法滚动在iPad Safari中框架内调用的pdf

<frame src="ebook.pdf" title="Content Frame" name="content" id="content" 
frameborder="0" border="0" noresize scrolling="yes" marginwidth="0" marginheight="0" 
noresizescrolling="AUTO" framespacing="0" /> 

我已经尝试了两件事:

  1. 双指滚动
  2. 使用object / embed而不是frame
  3. 但这不起作用。

    事实上我已经尝试过很多东西......溢出,高度等等。

    请帮帮我。提前谢谢。

5 个答案:

答案 0 :(得分:12)

根据这篇文章http://support.apple.com/kb/ht1484,在iPad上使用Safari时,无法在框架内滚动任何内容。帧总是会调整大小以适应其内容(这也适用于iframe)。为此,Safari甚至会忽略您在frameset-tag中创建的“cols”或“rows”的值,并且似乎使用所需的任何值。不幸的是,框架没有正确调整PDF格式,因此它们会被切断。

我认为你最好的选择可能是直接链接pdf ......

答案 1 :(得分:1)

我认为问题在于您正在尝试显示PDF。双指滑动方法应适用于常规HTML框架。

一种选择是在您的应用中使用Google文档查看器(http://docs.google.com/viewer)。

答案 2 :(得分:0)

您可以在框架中的某些位置隐藏空div,并使用jQuery滚动到这些位置。因此,用户将无法滚动框架,但他们可以单击导航,将框架移动到pproper部分。

答案 3 :(得分:-1)

您是否尝试过Ext JS 4 JavaScript框架?在他们的论坛上,他们谈到了possibility to show a PDF in a panel。论坛帖子包含示例代码。该解决方案并非特定于iPad,但我听说一般来说Ext JS在iPad上运行良好。其他人都有这个框架的经验吗?

答案 4 :(得分:-1)

我注意到在IPad上浏览StackOverflow时,无法访问框架中滚动到外部的任何代码。我认为这可能仅仅是对IPad / IPhone上的Safari的限制