iPhone上

我想創建我的網站的頂部的工具欄的iFrame來在iPhone上使用。但是，iframe會給我帶來相當大的麻煩，因爲它拒絕讓頁面滾動。這裏是我的代碼：iPhone上

<iframe id="myIFrame" src="http://www.bloomberg.com" 
    runat="server" frameborder="0" style="position: fixed; top: 65px; left: 0px; width: 100%; overflow:auto;"></iframe> 

<script type="text/javascript"> 
    window.onresize = setHeight; 

    function setHeight() { 
     var myScreenHeight = screenHeight(); 
     var theIFrame = document.getElementById("myIFrame"); 
     theIFrame.height = myScreenHeight - document.getElementById("toolbar").clientHeight + "px"; 

     return false; 
    } 

    function screenHeight() { 
     var myHeight = 0; 
     if (typeof (window.innerWidth) == 'number') { 
      myHeight = window.innerHeight; 
     } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { 
      myHeight = document.documentElement.clientHeight; 
     } 
     return myHeight; 
    } 

    jQuery(document).ready(setHeight); 
</script>

任何想法？

來源

2011-03-26 Rob

您可以用兩個手指滾動在移動Safari瀏覽器的I幀。 – Marcel 2011-03-26 23:04:09

它是不可能有原生的滾動，並在iPhone上的WebKit固定位置工具欄。

這個JavaScript插件通過複製滾動並允許固定位置工具欄剷球，準確的問題：http://cubiq.org/iscroll-4

來源

2011-03-26 22:09:30

這似乎有點潔癖的一個愚蠢的工具欄。有沒有更簡單的方法來做一般的工具欄？ – Rob 2011-03-26 22:12:59

如果你不希望它在滾動呆在那裏。這是最簡單的方法 - 我已經集結了這一點。如果你犯了個原生的應用程序，你可以創建一個Web瀏覽滾動區域的大小，以及它的工作你想怎麼的，但作爲一個網站，是不可能的。 – 2011-03-26 22:24:10

如果我不想要什麼就呆在那裏，而我滾動？ – Rob 2011-03-26 23:07:24

回答

相關問題