memocarilog

Facebookページはデフォルトでは横520px、縦800pxと幅が決められてしまっています。横幅はbody:520px;と指定してしまえばはみ出す事がないのでよいのですが、縦に長くなった場合にスクロールバーが出現してしまいちょっと邪魔です。

【2012/04/15 追記】＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
この方法で縦スクロールが消えない場合があるようです。原因はよく分かりませんが…この記事の方法で消えない場合はこちらの方法で消えるかも知れません→”Facebookページの縦のスクロールバーを消すコードが変わってた”
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

そのスクロールバーを出ない様にする事ができます。

参考サイト：Facebookページの作成 第2回『Facebookページのスクロールバーを非表示にする方法』 / Facebook基礎 | HTML5でサイトをつくろう

詳しい説明等もこちらのサイトでされており、分かりやすかったです。

以下その方法です。

head内に下記を記入します。（コードも参考サイトさんで公開されていたものそのままです）

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script language="JavaScript">
FB.init({
  appId: 'アプリID',　//ここに制作した時のアプリIDを記述
  status: true,
  cookie: true,
  xfbml: true
});
//サイズ変更前に必ず実行
window.fbAsyncInit = function() {
  FB.Canvas.setSize();
}
function sizeChangeCallback() {
  FB.Canvas.setSize();
}
</script>

＜/body＞の直前に下記のコードを入力します。”FB.Canvas.setSize”の所には表示したいサイズを指定します。

<div id="fb-root"></div>
<script>
 FB.Canvas.setSize({ width: 520, height: 950 });
</script>

JavaScript SDKを使えば色んな事ができそうですね。どんな事ができるのか勉強したいです。