2013-04-04 74 views
2

我使用媒体插件通过iframe嵌入了pdf。当你把它放在ipad上时,iframe不会拉伸以适应pdf的内容。如何在Ipad/iPhone/iOS中滚动包含pdf的iframe?

在这一点上,我只是运行测试,看看我得到什么。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript" src="./ipad_files/jquery-1.7.min.js"></script> 
<script type="text/javascript" src="./ipad_files/media.js"></script> 
    <style> 
     iframe{width:550px; height:100%;} 
     .media{width:630px !important; height:600px; overflow:scroll; -webkit-overflow-scrolling: touch;} 
     *:not(html) { 
      -webkit-transform: translate3d(0, 0, 0); 
      } 
    </style> 
</head> 
<body> 
    <div style="width:650px; height:630px;"> 
     <a href="ipad_files/History-of-Cars.pdf" class="media">PDF LINK</a> 
    </div>  
    <script type="text/javascript"> 
     $('.media').media(); 
    </script> 
</body> 
</html> 

浏览器中呈现的内容是iframe。

任何想法如何滚动iframe /包含div?我知道我无法滚动iframe,但iframe没有展开。

回答

0

我从来没有使用它,但也许iScroll4将解决您的问题...