Facebookページでスクロールバーを消す方法のメモ

Facebookページでスクロールバーを消す方法の整理がてらのメモです。ほぼ自分用です。

Facebookページでスクロールバーを消す方法はいろんなブログ等で公開されていますが、 setAutoResize()を使っているケースがほとんどです。

このブログで、setAutoResize()が setAutoGrow()に変更となるというなので、それを参考に下記のように記述することでスクロールバーを消すことができます。(ちなみに、下記のコードは英語版になっています。日本語の場合は、en_USになっているところをja_JPに変更してください。)

head要素に

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" >
FB.init({
	appId : 'アプリID',
	status : true,
	cookie : true,
	xfbml : true,
	logging : true
})
</script>

body要素の直後に

<div id="fb-root"></div>
<script type="text/javascript">
(function() {
	var d = document;
	var e = d.createElement("script");
	e.src = d.location.protocol + "//connect.facebook.net/en_US/all.js";
	d.getElementById('fb-root').appendChild(e);
}());
window.fbAsyncInit = function() {
	FB.Canvas.setAutoGrow();
};
</script>

参考