FacebookキャンバスでFirefoxが横方向に無効になっています

Question

私のFacebook App（FF9）で横スクロールバーが無効になっています。

私はこの記事のような問題については、ここまたはブログですべての記事を読んでいます。これまで私はsetAutoGrowを使用し、bodyとhtmlにoverflow: hiddenを適用しました。

どうすればこの問題を解決できますか？

ありがとうございます！

Answer 1

問題はhttps://connect.facebook.net/en_US/all.jsです。この問題は何度もバグとして報告されていますが、Facebookでは確認されていません（this bug report参照）。

このコードでも、安全な接続を誤って処理します。all.js

コードにはhttp://jquery.com/が必要です。スクロールバー

トリックについて

は

DOMが完全にロードされた後にのみ、非同期all.jsをロードすることです。その後、fbAsyncInitコールバックを探して、setAutoGrowに進みます。

また、固定幅（520ピクセル）とoverflow(-x): hiddenについても説明しました。しかし、これはいい考えですが、必要ではありません。この方法を選択する場合は、body要素に固定幅を適用し、一部の内部ラップ要素は適用しないように注意してください。

以下のコードとコメントを参照してください。

$(function(){ 
    window.fbAsyncInit = function() 
    { 
     // fixes the HTTPS issue 
     // _https: (window.name.indexOf('_fb_https') > -1), 
     // @version /*1328456404,169895806,JIT Construction: v505175,en_US*/ 
     FB._https   = true; 

     // fix for all.js 
     // the following line enforces using non-secure URL (why Facebook?) 
     // FB.getDomain((c?'https_':'')+'staticfb',true) 
     // @version /*1328456404,169895806,JIT Construction: v505175,en_US*/ 

     FB._domain.api  = 'https://api-read.facebook.com/'; 
     FB._domain.cdn  = 'https://s-static.ak.fbcdn.net/'; 
     FB._domain.staticfb = 'https://s-static.ak.facebook.com/'; 
     FB._domain.www  = 'https://www.facebook.com/'; 
     FB._domain.m  = 'https://m.facebook.com/'; 

     FB.init({appId: [app id], channelUrl: '[domain]/channel.php', status: true, cookie: true, oauth: true, xfbml: true}); 

     FB.Canvas.setAutoGrow(91); 
     // it is good idea to ensure that page will always open top-most view when navigated internally 
     FB.Canvas.scrollTo(0,0); 
    }; 

    // Load the SDK Asynchronously after the DOM is loaded 
    (function(d){ 
     var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} 
     js = d.createElement('script'); js.id = id; js.async = true; 
     js.src = "https://connect.facebook.net/en_US/all.js"; 

     d.getElementsByTagName('head')[0].appendChild(js); 
    }(document)); 
});