FB App ..顯示頁面寬度小於520px的滾動條

我在Facebook上有多個應用程序，並且有一個應用程序出現問題。即使我的所有內容都適合在屏幕上（當您滾動時只有空白），它的渲染寬度大於520px，這會導致滾動條出現。我已經加倍檢查了我的CSS樣式和設置，並且它看起來與正在渲染正確的另一個應用程序相同。有什麼建議麼？FB App ..顯示頁面寬度小於520px的滾動條

這裏是一個鏈接到應用程序給我的問題。

https://www.facebook.com/slp.cc#!/slp.cc?sk=app_195351823894125

如果你看一下2012年的雪花秀的時間表，它呈現correclty。

來源

2012-01-12 Kyle Reynolds

我有類似的問題，並改變了身體的CSS！只是嘗試做以下事情，並更改您需要的數字：

position：relative; top：-5px; 左：-5px，寬度：520px，

來源

2012-01-12 22:25:13

我只是做了那些改變。我也嘗試過最大寬度：520px;似乎只有一件事情是設置溢出：隱藏;但後來它切斷了文字的底部也... – 2012-01-12 22:45:34

http://spelloveryou.com/facebook-iframe-apps-getting-rid-of-those-scrollbars/ 這是修復... – 2012-01-12 23:15:12

您可以嘗試使用FB.Canvas.setAutoResize（）。它將擺脫水平和垂直滾動條。

請參考下面的代碼片段：

<body onload="sizeChangeCallback()"> 

<div id="fb-root"> 
    </div> 

    <script> 
     window.fbAsyncInit = function() { 
      FB.init({ 
       appId: 'YOUR APP ID', 
       status: true, // check login status 
       cookie: true, // enable cookies to allow the server to access the session 
       xfbml: true, // parse XFBML 
       oauth: true 
      }); 
      FB.Canvas.setAutoResize(); //set size according to iframe content size   
     };  

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

     function sizeChangeCallback() { 
      FB.Canvas.setAutoResize(); 
     } 

    </script>

如果滾動條仍然存在，你定身的溢出風格爲隱藏。

EX：<body style="overflow: hidden; onload="sizeChangeCallback()"></body>

來源

2012-01-13 09:37:15

FB App ..顯示頁面寬度小於520px的滾動條

回答

相關問題