私のFacebook App(FF9)で横スクロールバーが無効になっています。FacebookキャンバスでFirefoxが横方向に無効になっています
私はこの記事のような問題については、ここまたはブログですべての記事を読んでいます。これまで私はsetAutoGrow
を使用し、body
とhtml
にoverflow: hidden
を適用しました。
どうすればこの問題を解決できますか?
ありがとうございます!
私のFacebook App(FF9)で横スクロールバーが無効になっています。FacebookキャンバスでFirefoxが横方向に無効になっています
私はこの記事のような問題については、ここまたはブログですべての記事を読んでいます。これまで私はsetAutoGrow
を使用し、body
とhtml
にoverflow: hidden
を適用しました。
どうすればこの問題を解決できますか?
ありがとうございます!
問題は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));
});
怒りを最小限に抑えてください。 – meagar