11月 192011

Facebookページでは、横が520px、縦が800pxと決まっているために、それ以上大きくなるとスクロールバーが表示されてしまいます。

横は520pxにすれば表示されなくなりますが、縦が問題です。。。

これにはいろいろな対処方法があるようで、あれこれと試してみました。

  • setAutoResize()・・・2011年12月31日までしか使えない・・・。
  • FB.Canvas.setSize()・・・毎回高さを手動で入力しなければならない。
  • FB.Canvas.setAutoGrow()・・・特に問題はなさそうだ。

ということで、FB.Canvas.setAutoGrow() で導入した時のメモです。

まずは、jsファイルを作ります。

これを、例えば、

fbcanvas.js

と言う名前で保存して、HTML側に

として挿入します。

場所はbodyの中ならどこでもOKです。

が、SEO的にもあまり上の方には置きたくないので、bodyの最後にいれました。

そして、これが重要!

overflow:hidden これを入れておかないと、縦のスクロールバーは消えませんでした。

html にstyle属性として書いてしまいましたが、もちろん、CSS側に設定しても問題ありません。

確認したブラウザは、

Windows7 の Firefox7、IE9、GoogleChrome10 です。


関連記事

Trackback URL

管理者承認後に公開されます。リンクと感想は必須でお願いします

Posted by admin
QLOOKアクセス解析