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的滚动条

回答

相关问题