2

私はこのFacebookアプリケーションのプロフィールページを持っています：

http://www.facebook.com/developers/editapp.php?app_id=122313254494566#!/apps/application.php?id=122313254494566

これは私のiframeベースのFacebookアプリケーションであるGemSpinnerに関連付けられています。

http://apps.facebook.com/gemspinner/

私が見ているのは、ウィンドウの高さに応じて、私のiframedコンテンツは、ページを下に流れるだけでなく（必要に応じてページの下部から）、固定の高さとスクロールバーで表示されるということです。したい。ウィンドウを短くすると、スクロールバーが表示されます。ウィンドウを高くすると、スクロールバーが消えます。私の理解では、Facebookがこの高さを決定し、スクロールバーを追加しています（しかし、それについては間違っているかもしれません）。いずれにせよ、これを理解し、必要に応じてコンテンツをページに流し込むための助けをいただければ幸いです。

4

1 に答える 1

1

さて、私はそれを機能させるためにいくつかのことをしました。

（1）アプリケーション設定の[Facebook統合]タブの[IFrameサイズ]で、[スクロールバーを表示する]ではなく[自動サイズ変更]を選択しました。

（2）Facebook接続APIをロードしました（以下のコードを参照）。

（3）2つの異なる場所でFB.Canvas.setAutoResize（100）を呼び出しました。どの場所でより早く効果が出るかわからなかったので、2回呼びました。初期のテストでは、iframeの高さが短く（おそらく800ピクセルの高さ）、次にコンテンツのフルサイズ（おそらく1100ピクセルの高さ）に成長するのを見ていました。以降のテストでは、iframeのサイズがすぐに変更されるため、2つの状態は表示されません。ですから、ここでのタイミング/メカニズムについては完全には明確ではありません。

  <body>
    <div id="fb-root">
    </div>
    <script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script>
    <script type="text/javascript">
      FB.init({
        appId  : 'your app id here',
        status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the session
        xfbml  : false  // parse XFBML
      });
      FB.Canvas.setAutoResize( 100 );
    </script>

    ... the rest of the page body goes here ...

    <script type="text/javascript">
      FB.Canvas.setAutoResize( 100 );
    </script>
  </body>
于 2010-11-11T09:26:07.323 に答える