2

ASP.net アプリケーションで Facebook C# SDK を使用しています。iFrame サイズが Showscrollbars に設定されている iFrame アプリケーションがあります。 設定 アプリケーションは昨日まで正常に動作していましたが、今日、iFrame はその幅まで伸びていません (ドキュメントから Facebook の iFrame 幅は 760px ですリンクはこちら)。アプリケーションの幅のページは 95% に設定されています。したがって、私のアプリケーションでは幅の問題ではないと思います。 この画像を見てください. アプリケーションに Showscrollbars オプションを使用する必要があります。facebook は iFrame アプリの設定を変更しましたか? 助けてください。

更新Facebook が何かを壊したか、スクロールバーのオプションを取り除こうとしているようです。AutoResize オプションを使用するようにアプリケーションを変更する必要があります。asp.net アプリケーションに次の変更を加えましたが、1 つの問題を除いて正常に動作しています (質問の下部を参照)。

<head runat="server">
  <title></title>
  <script type="text/javascript">
    window.fbAsyncInit = function () {
      FB.Canvas.setAutoResize();
    };
  </script>
</head>
<body>
<div id="fb-root"></div>
  <script src="//connect.facebook.net/en_US/all.js"></script>
  <script>
     FB.init({
                appId: '12345678', //replace with your facebook appid
                cookie: true,
                status: true,
                xfbml: true
              });
  </script>
</body>

コンテンツが増えると iFrame が縦に伸びます。それはクールですが、 ISSUEはStackOverflow の Read Hereです。私はそれに取り組んでいます。誰かがそれを理解したら、私に知らせてください。

4

2 に答える 2

1

私は同じ問題を抱えていて、iFrameページのこの単純なCSSで修正しました

本体 {overflow:hidden;}

すべてがうまく収まり、何も途切れることはありません。それらの厄介なスクロールバーを取り除くだけです! それは確かにバグのように聞こえますが、他のすべてのブラウザーでは正常に機能しましたが、上記を追加した FF 3.6 には、ロード時にスクロールバーが一時的に表示されないという利点もあります。

于 2011-04-15T00:56:28.687 に答える
0

以下のコードを使用すると、私のすべての iframe アプリで動作します:)

<div id="fb-root"></div>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
    FB.init({
        appId: '123456789',
        status: true,
        cookie: true,
        xfbml: true
    });
    FB.Canvas.setAutoResize();

    FB.Array.forEach([200, 600, 1000, 2000, 5000, 10000], function(delay) {
        setTimeout(function() {
            FB.Arbiter.inform("setSize", FB.Canvas._computeContentSize());
        }, delay)
    });
</script>
于 2011-04-15T01:19:10.753 に答える