Facebook アプリ (iframe / fluid / Fluid) に水平スクロールバーが表示されます。それを削除する試みはすべて失敗しました。
FB.setAutoGrow()、などに関して、ここに投稿されたすべてのソリューションを試してみましたFB.setSize()が、運がなかったのですが、興味深いものを見つけました:
表示されるスクロールバーは、私のアプリケーションとは関係ありませんが、横にあるコマーシャルに関係しています。
画像では、私が話していることがわかります。
左側は私の Iframe アプリの一部です。Iframe のサイズが正しく変更され (Firebug で確認しました - 右)、サイズも問題ありませんが、下部にある水平スクロールバーが Facebook ウィンドウ全体 (iframe だけでなく) に影響します。
Firebug で強調表示されている項目が、水平スクロールバーの原因です。それらはページレット div (iframe が存在する div) に属していません: 右側の推奨ゲームのカルーセルの一部です! (そしてその幅は > 5000 ピクセルです)。
アプリを初めて起動したとき、500ms などの短い間隔でスクロールバーが表示されず、突然表示されます。
FB.Canvas.setSize、FB.Canvas.setAutoGrow動作しているようですが、手動で呼び出すと、iframe などのサイズが変更されますが、スクロールバーは削除されません。body:overflow=hidden があります。
(関連している可能性がありますか?) 私のアプリは、幅と高さが 100% の別の iframe を使用しており、そこでアクションが実行されます。その他の iframe にも、overflow=hidden があります。
これは伝統的に機能しています。Facebookに注意を払うのを数ヶ月やめた後、昨日これを見ました:(
何が起こっている可能性がありますか？私の推測では、どういうわけか、Facebook は私のアプリには水平スクロールが必要だと考えてoverflow-x:hiddenおり、それを許可するために本体を削除していますが、これは隠されたオーバーフローを予期するカルーセルと干渉しています...この問題が私のせいであるかどうかはわかりませんまたはFacebookのバグ。