2012.08.30
facebook

フェイスブックページ スクロールバーをなくす

Facebook 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!!
フェイスブックは仕様がコロコロ変わるので今後も変わるかもしれません。
関連する記事

コメントをどうぞ

技術的なサポート、質問等にはお答えできない場合もございます。
また、現在更新頻度はかなり低めですので、返信できたとしてもかなり遅くなる場合があります。
ご理解くださいませ。


以下のHTMLタグが使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*


おすすめの本
ネットで調べればなんとかなる!という時代ですが、良い本にめぐり合い、基礎をきっちり固めることで応用がきくテクニックを身に着けることができます。もっと上達したい人におすすめの本をいくつかご紹介します。
TO TOP