2013-04-04 73 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將解決您的問題...