最新ブラウザでもFacebookでスクロールバーを表示させないようにする

Facebookページでは、横が520px、縦が800pxと決まっているために、それ以上大きくなるとスクロールバーが表示されてしまいます。 横は520pxにすれば表示されなくなりますが、縦が問題です。。。 これにはいろいろな対処方法があるようで、あれこれと試してみました。 setAutoResize()・・・2011年12月31日までしか使えない・・・。 FB.Canvas.setSize()・・・毎回高さを手動で入力しなければならない。 FB.Canvas.setAutoGrow()・・・特に問題はなさそうだ。 ということで、FB.Canvas.setAutoGrow() で導入した時のメモです。まずは、jsファイルを作ります。 [crayon-55900fe0d96bc/] これを、例えば、 fbcanvas.js と言う名前で保存して、HTML側に [crayon-55900fe0d9aa3/] として挿入します。 場所はbodyの中ならどこでもOKです。 が、SEO的にもあまり上の方には置きたくないので、bodyの最後にいれました。 そして、これが重要！ [crayon-55900fe0d9e8a/] overflow:hidden これを入れておかないと、縦のスクロールバーは消えませんでした。 html にstyle属性として書いてしまいましたが、もちろん、CSS側に設定しても問題ありません。 確認したブラウザは、 Windows7 の Firefox7、IE9、GoogleChrome10 です。