LABO

LABO
Facebook
facebookファンページ制作時にスクロールバーを消す方法

facebookファンページ制作時にスクロールバーを消す方法

2011年06月18日
辻本龍太

最近Facebookを始めましたがなかなか感覚をつかむまで苦労しました笑
その最中にファンページ（企業ページ？）の制作も並行して始めたのでその際の覚書を。

まずはFacebookファンページは通常width(幅)520px height(高さ)800px内で制作する事になるのですが当然高さが800pxでおさまらない事もあると思いますそんな時にちょこっとコードを足してやるだけで800pxも調整を自分で出来るようになります。

<head>～</head>内にコードの記述

<head>～</head>内にスクリプトを読み込ませる。
他にスクリプトを読み込ませているのであればこのコードを最初に読み込ませてください。

  <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>

<body>～</body>内にコードの記述

<body>～</body>内であればどこにコードを埋め込んでも良いようですが僕は<body>開始直後に記述しました。

  <div id="fb-root"></div>
<script type="text/javascript"><!--
FB.init({
  appId: '0000000000',
  status: true,
  cookie: true,
  xfbml: true
});
  FB.Canvas.setSize({ width: 520, height: 1000 });
// --></script>

appidには自分のfcebookアプリIDを記入する。
widthはFacebookファンページの横幅を指定520pxなのでこのままでよし。
heightはページの高さ指定になるのでここを調整する。
heightがページの高さより低く設定されている場合はスクロールバーが表示されてしまうのでページ制作後に高さを設定するのも良いと思います。

こんな感じでFacebookのファンページのスクロールバーを消す事が出来ます。

インベントリーのファンページは整備できた段階でご報告させて頂きます！
その際は是非イイネをクリックしてください笑

facebook

インベントリー facebookページ

いいね、よろしくお願いします。

LABOは大阪堺市でWEB制作（ホームページ制作、ネットショップ制作/ECサイト制作、ビジネスブログ制作、ロゴ制作）を行うインベントリーが気になるWEB情報やWEB技術の覚書などを公開しています。少しでもWEB制作に関わる方々のお役にたてればと思います。こちらに掲載されている記事に関してのお問い合わせは一切受け付けておりません。またLABOのご利用に関しては自己責任でお願いします。