Facebookアプリでスクロールバーを表示しない方法

いつもご閲覧ありがとうございます。


SNSクリエイター＠くまっきーです・ω・*∞





Facebookの特徴といえば、ファンページです。

自前でアプリを作成し、それを導線としてファンページ上でキャンペーンを展開する企業や、Facebookにデフォルトで設置された機能を使いプロモーションに利用している企業があります。

以下は、弊社アイフィットで開設したファンページです。






しかし


せっかく作ったFacebookアプリで、下記のようなスクロールバーが表示されて






表示しない方法に悩んでいる方も多いのでは？
(実は、くまっきーも悩まされました…)



Facebookの開発者ブログをチェックすると…

FacebookページのiFrameコンテンツを含むFacebookアプリにおいて、スクロールバーを表示させないための関数である setAutoResize() が利用できなくなったそうです


FacebookページのiFrameコンテンツを始め、Facebookアプリはデフォルトでフレームの高さが決まっているため、スクロールバーを表示させない方法として setAutoResize() の関数を利用されている方も多いと思います。


下記のように、setAutoResize() を利用している場合は、setAutoGrow() に書き換えればOK

ほら、キレイになったでしょ

どうやらFacebook側で setAutoResize() の関数を使ってもバグで反映されないケースがあったようで、そのバグ修正のため、新たに高さを伸ばす関数 setAutoGrow() を使うという話らしいです。



しかし、これでもスクロールバーが表示される場合もあるようで、その場合は代替え手段として、FB.Canvas.setSize() の関数を利用してみてください。

☆……☆……☆……☆……☆……☆……☆……☆……☆……☆……☆


記事を読んで頂き、ありがとうございます。





お帰りの際に、応援の一押しお願いします <(_ _)>
↓↓↓

↓初期費用0円、月々4,800円～ホームページを制作致します。↓