ロゴ

デザインはShikisya Designへ!

ページトップへ

お問合せ

2011.05.02
facebookページのスクロールバーを消す
[記事のカテゴリ]その他
サイトトップ > ブログトップ > その他 > facebookページのスクロールバーを消す
前回のWELCOMEページの作成で基礎ができました。

後はカスタマイズをしていく作業です。
iframeのサイズがw520px×h800pxなので、スクロールバーを出さないためには、
そのサイズ内におさめれば良いのですが、制約が多すぎてつまらないと言う方のために、
スクロールバーを出さない方法を。 

開発者/マイアプリ」のページより、
変更したいアプリの『設定を編集』→『Facebook Integration』→『iFrameサイズ』をAuto-resizeに変更。


読み込むhtmlファイルのhead内に
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script language="JavaScript">
FB.init({
    appId: '■アプリID(数字)',
    status: true,
    cookie: true,
    xfbml: true
});
window.fbAsyncInit = function() {
  FB.Canvas.setSize();
}
function sizeChangeCallback() {
  FB.Canvas.setSize();
}
</script>
を記載。


body内に
<div id=
"fb-root"></div>
<script>
  FB.Canvas.setSize({ width: 520, height: 1500 });
</script>
を記載。

※■アプリケーションID(数字)に、アプリケーションIDを入力
「height: 1500」 の数値を、変更したい高さに変更

参照サイト


これで、応用の利くデザインが可能となりました。。。