Facebookのiframeアプリ／タブでスクロールバーを無くす方法

タグの直前に

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
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 : true // parse XFBML
});
</script>

と記述し、ちゃんとjavascriptがloadされていることを確認する。

されていれば、次にタグの直前に

<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setAutoGrow();
}
// Do things that will sometimes call sizeChangeCallback()
function sizeChangeCallback() {
FB.Canvas.setSize({ width: 520, height: 1400 });
}
</script>

を記述する。

それでもFirefoxでスクロールバーが表示される場合は、bodyのスタイルを

body { overflow:hidden; }

と定義する。