facebook應用程序選項卡iframe邊框問題

Question

我有fb應用程序和一個選項卡，隨着內容的增長，滾動條與iframe一起出現，但我不想爲內置頁框滾動，但我想爲整個頁面滾動而不是我的框架

Answer 1

您還需要啓動計時器來調用autoresize代碼。在您的應用程序HTML中：

<div id="fb-root"></div> 
<script type="text/javascript"> 
    //<![CDATA[ 
    window.fbAsyncInit = function() { 
     FB.init({appId: "xxxxxxxxxxxxxxx", 
       status: true, cookie: true, xfbml: true}); 
     FB.Canvas.setAutoResize(); 
    }; 

    (function() { 
     var e = document.createElement("script"); 
     e.async = true; 
     e.src = document.location.protocol + "//connect.facebook.net/en_US/all.js"; 
     document.getElementById("fb-root").appendChild(e); 
    }()); 
    //]]> 
</script> 

上面的代碼會每隔100ms檢查一次內容大小。如果你想使用不同的時間，你可以通過毫秒爲變量：

window.fbAsyncInit = function() { 
    FB.Canvas.setAutoResize(50); 
}; 

如果你的內容大小僅通過一次手動更改內容大小頁面加載後不會改變，你可以節省CPU週期：

window.fbAsyncInit = function() { 
    FB.Canvas.setSize(); 
} 

你甚至可以通過所需的尺寸爲參數

window.fbAsyncInit = function() { 
    FB.Canvas.setSize({ width: 520, height: 600 }); 
} 

Answer 2

隱藏滾動條最簡單的方法是使用 FB.Canvas.setAutoResize（）

請參閱以下文章/教程以獲取更多信息。

http://gpiot.com/facebook-page-tab-hide-scroll-bars-from-iframe/