基于iframe的facebook应用程序获得了不需要的滚动条，并且窗口尺寸更小
我有这个Facebook应用程序配置文件页面： 它与我基于iframe的Facebook应用程序Gem Spinner关联：基于iframe的facebook应用程序获得了不需要的滚动条，并且窗口尺寸更小,facebook,iframe,scrollbar,facebook-iframe,Facebook,Iframe,Scrollbar,Facebook Iframe,我有这个Facebook应用程序配置文件页面： 它与我基于iframe的Facebook应用程序Gem Spinner关联： 我看到的是，根据窗口的高度，我的iFrame内容将以固定的高度和滚动条显示，而不是像我希望的那样沿着页面向下流动（必要时从页面底部流出）。当我缩短窗口时，滚动条出现；当我把窗口调高时，滚动条消失了。我的理解是Facebook决定了这个高度并添加了滚动条（但可能我错了）。无论如何，如果能帮助我理解这一点，并在必要时让我的内容在页面上流动，我将不胜感激。好吧，我做了一些事
我看到的是，根据窗口的高度，我的iFrame内容将以固定的高度和滚动条显示，而不是像我希望的那样沿着页面向下流动（必要时从页面底部流出）。当我缩短窗口时，滚动条出现；当我把窗口调高时，滚动条消失了。我的理解是Facebook决定了这个高度并添加了滚动条（但可能我错了）。无论如何，如果能帮助我理解这一点，并在必要时让我的内容在页面上流动，我将不胜感激。好吧，我做了一些事情让它工作起来 （1） 在我的应用程序设置中，在Facebook集成选项卡的IFrame size下，我选择了自动调整大小而不是显示滚动条 （2） 我加载了FacebookConnect API（见下面的代码） （3） 我在两个不同的地方调用了FB.Canvas.setAutoResize（100）。我给它打了两次电话，因为我不清楚哪个地方能让它更快生效。在早期测试中，我看到iframe的高度开始变短（可能800像素高），然后增长到我的内容的完整大小（可能1100像素高）。在随后的测试中，iframe会立即调整大小，因此我看不到这两种状态。所以我不完全清楚这里的时间/机制
<body>
<div id="fb-root">
</div>
<script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script>
<script type="text/javascript">
FB.init({
appId : 'your app id here',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : false // parse XFBML
});
FB.Canvas.setAutoResize( 100 );
</script>
... the rest of the page body goes here ...
<script type="text/javascript">
FB.Canvas.setAutoResize( 100 );
</script>
</body>
FB.init({
appId:'您的应用程序id在此'，
状态：true，//检查登录状态
cookie:true，//启用cookie以允许服务器访问会话
xfbml:false//解析xfbml
});
FB.Canvas.setAutoResize（100）；
... 页面正文的其余部分在这里。。。
FB.Canvas.setAutoResize（100）；