Facebookページの縦のスクロールバーを消すコードが変わってた

最近になってFacebookページの縦のスクロールバーがなぜか出現するようになっていました。
調べたら setSize() という関数が廃止になっていた様です。(Facebookページの縦のスクロールバーを消す

でも、私が使用していた FB.Canvas.setSize() は廃止されていないようなのに、なぜだろうと思いますが、とりあえず FB.Canvas.setAutoGrow() に入れ替えてみたら、縦スクロールが消えました。なぜだろう…その辺がよくわかりません。IEでもちゃんと縦スクロールは消えていました。(2012/05/01追記:IE7以下では縦スクロールが出現してました)

今回私が縦スクロールを消すのに使用したコードは以下です。

ヘッダー内に下記を記入します。”appId”はそのFacebookページのアプリIDが入ります。

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script language="JavaScript">
FB.init({
  appId: '12356778910', //アプリID
  status: true,
  cookie: true,
  xfbml: true
});

window.fbAsyncInit = function() {
  FB.Canvas.setAutoGrow();
}
function sizeChangeCallback() {
  FB.Canvas.setAutoGrow();
}
</script>

フッターの</body>の直前へ下記をを記入します。
width: 810, height: 1280 はページに合わせて変更します。

<div id="fb-root"></div>
<script>
 FB.Canvas.setAutoGrow({ width: 810, height: 1280 });
</script>

Related Article

1 Comments & Tracbacks

  • 2013-10-16 【困った】FacebookのバグでFBページのスクロールバー消去が無効になっちゃった | little_shotaro's blog

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タグ