Facebook 应用程序 - Javascript 设置画布高度？答案

【问题标题】：Facebook App - Javascript Set Height of Canvas?Facebook 应用程序 - Javascript 设置画布高度？
【发布时间】：2011-10-25 07:24:51
【问题描述】：

我正在尝试设置高度，因此我的 facebook 应用程序中没有滚动条，见 HERE

我使用 jQuery 创建了使用 GRAPH API 的画布插件，并尝试添加以下代码来编辑高度，但没有任何效果。有人有什么想法吗？

在我的 scripts.js 中，我尝试将以下内容添加到底部：

FB.Canvas.setAutoResize();  //doesn't work

还尝试了以下方法：

window.fbAsyncInit = function() {
FB.Canvas.setSize({ height: 2500 });
}; //doesn't work either

【问题讨论】：

标签： javascript jquery facebook facebook-graph-api height

【解决方案1】：

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

// Do things that will sometimes call sizeChangeCallback()
function sizeChangeCallback() {
   FB.Canvas.setSize();
}

【讨论】：

感谢您的回复。我已经添加了它，但它似乎仍然可以做到。是因为我的文件中实际上没有 FB.init 吗？我使用了使用 jQuery 的教程的一部分，但我看不到任何放置 FB.init 的地方（尽管该应用程序有效）。
是的..你也可以添加<script src="http://connect.facebook.net/en_US/all.js"></script>和<script> FB.init({ appId : 'here_your_API_id', status : true, cookie : true, xfbml : true }); </script>
Bingo，需要添加FB.init，感谢您的排查。我有另一个问题，我很快就会在我的 Facebook 应用上发布关于不同主题的问题，再次感谢！

【解决方案2】：

只是为了澄清发生在此内容上的其他用户：

添加

<script src="http://connect.facebook.net/en_US/all.js"></script> 和<script> FB.init({ appId : 'here_your_API_id', status : true, cookie : true, xfbml : true }); </script>

</head> 标记之前的代码。
添加 <div id="fb-root"></div>

<script src="http://connect.facebook.net/en_US/all.js"></script>

`<script>window.fbAsyncInit = function() {FB.Canvas.setSize({height: 1050});}`
`function sizeChangeCallback() {FB.Canvas.setSize();}</script>`

</body> 标记之前的部分。

如果一切都失败了，请尝试以下方法：

<style>body {width:500px; height:1050px;overflow:hidden;margin:0; padding:0; border:0;}</style>

【讨论】：

谢谢！我已经为此苦苦挣扎了一段时间。它有时有效，有时无效，它在不同的浏览器上表现不同。但是使用您的提示使它工作正常！希望其他人也会看到您的有用评论！再次感谢