なかなかうまくいかなくて、ようやく間違いのなさそうなやり方に至ったのでメモ。
まずはcssでbodyに対して「スクロール出すなよ!?絶対出すなよ!?」と書きます。
body {
overflow-x: hidden;
overflow-y: hidden;
}
次に、以下のスクリプトをbodyタグ開始の直後に記述します。
細かくはよくわかりません。深く考えない事が大切です。
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<div id="fb-root"></div>
<script>
$(function(){
var pageHeight = $(document).height();
FB.Canvas.setSize({ height: pageHeight });
FB.init({
appId : '【開発者ページで入手できるアプリID】',
status : true, // check login status
cookie : true, // enable cookies
xfbml : true, // parse XFBML
logging : true
});
FB.Canvas.setAutoResize();
})
</script>
これで憎きスクロールバーは一切でなくなるはずです。