2012.08.30
フェイスブックページ スクロールバーをなくす
FBFacebook pageのアプリで高さ(height)が800pxを超えると出てしまうスクロールバーをなくす方法です。
head内に以下を記述。
<script type="text/javascript" src="http://connect.facebook.net/ja_JP/all.js"></script> <script type="text/javascript"> FB.init({ appId : 'Your App ID', status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); </script>
Your App IDのところにはフェイスブックページのアプリ作成時に取得したID(数字15ケタ)を記述します。
そしてbodyタグと一緒に下記のように記述。
<body onload="FB.Canvas.setAutoGrow();">
これで、自動的に高さ(height)を設定してくれます。
もし高さ(height)を指定したい場合は、以下のようにも可能です。
<body onload="FB.Canvas.setSize({ width: 800, height: 800 });">
heightの部分に高さをpxで指定すればOKです。
ちなみにページレイアウトを作成するとき、幅(width)は810pxで作るとちょうど良い(最大サイズ)みたいです。
Attention!!
フェイスブックは仕様がコロコロ変わるので今後も変わるかもしれません。
フェイスブックは仕様がコロコロ変わるので今後も変わるかもしれません。