Facebookのiframeページでスクロールを非表示に

なかなかうまくいかなくて、ようやく間違いのなさそうなやり方に至ったのでメモ。

まずは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>

これで憎きスクロールバーは一切でなくなるはずです。

Comments are closed.