0

これは何ヶ月もの間私を完全に狂わせてきました。会社の Web サイトから facebook 用にカスタマイズされたコンテンツを表示するためだけにアプリを作成しました。

次のようなものが必要です: http://www.facebook.com/FarmersInsurance?sk=app_7146470109 しかし、最終的には次のようになります: http://www.facebook.com/DeltaFlexTravelers?sk=app_110411285713674

いまいましいスクロールバーを取り除くことができません！この種の質問に対する他の回答が示唆することはすべて無駄にしました。FB.Canvas.setSize() を使用して幅と高さを明示的に設定しています。なし。

コンテンツをページタブとして表示するときに FB.Canvas.setSize() が機能しないかどうか疑問に思っています。その場合、ページ タブとして表示されているアプリの奇妙なスクロールバーをどのように取り除くのですか?

4

4 に答える 4

1

IE で幅を設定しても、スクロール バーが表示され、コンテンツが途切れます。510pxに縮小する必要がありました。520 が最大値ですが、ブラウザーによって dpi 設定が異なる場合があります。それかMSがIEにピクセルの異なる定義を与えました。

于 2012-02-22T06:07:20.243 に答える
0

サイズ設定は試しましたか？スクロールバーを取り除くために私がいつも行っていることは、2 つのことを設定することです。

  1. 私のアプリのコンテナーは常に幅 520px で、overflow: hidden セットがあります
  2. JS API で設定したタブの高さは、実際の HTML の高さより常に少し大きくなります。

それはいつも私のために働く...

そして、これは私が使用しているコードです:

window.fbAsyncInit = function() {

    if(typeof(FB) != 'undefined') {

        FB.init({
            appId: 111111111111111, xfbml: true, status: true, cookie: true, oauth: true
        });

        FB.Canvas.setSize({ width: 760, height: 1250 });
    }
};

(function() {
    var e = document.createElement('script');
    e.async = true;
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
}());
于 2012-03-06T23:09:39.330 に答える
0

2 つのことを行う必要があります。 1. FB.Canvas.setSize() を使用します。追加のハンマーとして、短い遅延で setAutoResize を使用します。2. タブ ページの CSS を overflow = hidden; に設定します。

setSize 部分は次のとおりです。

FB.Canvas.setSize();
}
  function sizeChangeCallback() {
  FB.Canvas.setSize();
}
FB.Canvas.setAutoResize(7);

CSS 部分は次のとおりです。

body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
于 2011-09-19T18:49:58.457 に答える
0

必要なサイズ (デフォルトは 520x800 ) のラッパー div を作成してから、オーバーフローを非表示に設定してみてください。スペース内でデザインする必要がありますが、スクロールバーの問題は解決しました。おそらく、その div にも margin:0,padding:0 を設定する必要があります。詳細が必要な場合は、http://facebook.com/xocialhostのページ タブを参照してください。FB アプリ用にカスタマイズした HTML 5 ボイラープレートの修正版であるソース スタイルシートを自由に見てください。

于 2011-09-19T15:55:09.143 に答える