Facebook: Howto entfernen Sie die vertikale Bildlaufleiste der iFrame in der Registerkarte Anwendung

Habe ich fertig, mein facebbok App und derzeit stecken, wenn gerade die Anwendung als facebook-Anwendung-Registerkarte....: die vertikale Bildlaufleiste angezeigt wird.
Eigentlich hab ich verwendete den folgenden code, um automatisch die Größe der Anwendung iframe:

window.fbAsyncInit = function() {
    FB.init({appId: FBAPP_ID, status: true, cookie: true, xfbml: true});
    FB.Canvas.setAutoResize(100);
    //FB.Canvas.setSize();
  };
  (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);
  }());

Den iframe erfolgreich geändert ruft, wenn ich laden Sie die Anwendung Registerkarte, aber die vertikale Bildlaufleiste sichtbar ist. Der Körper meiner app hat eine Breite von 520px sind die Einstellungen der Anwendung auf auto-Größe und iframe-Modus. Wenn ich overflow:hidden, um das html-element wird die Bildlaufleiste nicht sichtbar ist - aber ich möchte nicht zu verwenden overflow:hidden auf das html-tag, weil die Seite auch verfügbar als standalone-Seite.

Jemand hat ein paar Ideen, wie man facebook zum ausblenden der vertikalen scrollbar, wenn der Inhalt passt der iframe-Höhe? (oder ist das derzeit ein facebook problem (...wieder) ?

Vielen Dank im Voraus
Denis

  • FB.Canvas.setAutoResize(); funktionieren sollte, haben Sie versucht, es ohne parameter?
  • Ja, ich habe es versucht ohne parameter
  • naja, ändern Sie entweder die facebook-Seite Registerkarte Speicherort und gelten überlauf oder erfassen, wenn die Seite betrachtet wird, in facebook und anwenden des overflow
  • ja, hab ich wählte nun den Weg über die Seite beim laden der Seite in facebook. Ist es nicht der beste Weg, aber für den moment funktioniert es wie es sollte.
InformationsquelleAutor Denis | 2011-03-14
  1. 5

    Nach dem Versuch, all die Lösungen hier, die letzten, die den Unterschied in Firefox hinzufügen overflow: hidden für beide die <html> und <body> Stile.

    CSS-code wie folgt:

    html {
    overflow: hidden;
}

body {
    width: 520px;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

    IE7 auch manchmal zeigt Bildlaufleisten, sofern Sie <body scroll="no"> so halten, dass im Hinterkopf auch.

    InformationsquelleAutor Chris Nolet
  2. 4

    Gab es Probleme mit diesem feature, da iframe-tabs eingeführt wurden. Der bug-tracker enthält durchaus eine Reihe von entsprechenden berichten. Im Grunde ist unsere Erfahrung ist, dass es völlig unzuverlässig. Irgendwann wird es wie angekündigt funktioniert, manchmal es funktioniert nur in einigen Browsern, manchmal klappt es je nach laden des JavaScript-SDK, manchmal eine Methode, die funktioniert und die andere nicht, und manchmal ist es überhaupt nicht funktioniert.

    InformationsquelleAutor chwk
  3. 3

    Dies ist der code, den ich verwenden, das funktioniert für mich

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

 FB.Canvas.setAutoResize(7);
 </script>
    • Dieser arbeitete für mich (außer für Firefox, siehe @Sandor Toth sagt zum hinzufügen von overflow: hidden auf das body-element)
    InformationsquelleAutor Adam Wydeman
  4. 2

    Gehen Sie zu Ihrem App-Einstellungen -> Facebook-Integration, und wählen Sie "IFrame Size" = " Auto-resize -

    • Ich kann nicht finden den link zu "Facebook-Integration" - Registerkarte. Kannst du mir einen direkten link?
    InformationsquelleAutor thkouk
  5. 2

    Nur stellen Sie sicher, Sie setzen overflow:hidden Stilregel für das body-element. Anderen Fall der firefox irgendwann beschließt, zeigen die scrollbar sowieso.

    • Danke. Die Feste Firefox für mich.
    InformationsquelleAutor Sándor Tóth
  6. 2

    Eigentlich FB.Canvas.setAutoResize() bekannt, ist jetzt als FB.Canvas.setAutoGrow();
    es refresh alle 100 Millisekunden
    Facebook docs

    code sollte so Aussehen weniger wie diese atm -

    <div id="fb-root"></div>
<script type="text/javascript">
FB.init({
         appId  : '666',//your app id
         status : true,
         cookie : true,
         xfbml  : true
     });
FB.Canvas.setAutoGrow();
</script>
    InformationsquelleAutor Zgr3doo
Schreibe einen Kommentar