Facebookページの縦のスクロールバーを消す

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を使えば色んな事ができそうですね。どんな事ができるのか勉強したいです。

Related Article

No Comments & Tracbacks

Leave a Comment

Emailは公開されません。*は必須項目です。


*


Categorys

Tags

CSS3 ダッシュボード ヘッダー jQueryプラグイン スライドショー トラブル コードサンプル コンテンツ Facebook 素材 php 引っ越し お知らせ JavaScript カテゴリー Shareボタン CSS IE 投稿タイプ レスポンシブ Photoshop seo Macアプリ サイドバー タクソノミー HTML5 WPセキュリティ Git カスタムメニュー ナビゲーション PHPリファレンス SVG API query_posts RSS WP使い方 iTunes データベース コメント function 条件分岐 get_posts() スマートフォン Sass/Compass moreタグ