Social visite 456

Come rimuovere la scrollbar verticale da Tab iFrame di Facebook

1 min

scrollbar-tab-iframe-facebook

Avete già provato a creare un’applicazione Facebook per la vostra pagina fan?
Se avete collegato la nuova scheda personalizzata ad una pagina esterna (realizzando quindi una Tab iFrame) può esservi capitato che sul lato destro vi appaia la tanto odiata scrollbar verticale e abbiate voglia di eliminarla ad ogni costo.

Le dimensioni standard di una fanpage sono infatti di 520 x 800 pixel, per cui se l’iframe supera tale dimensione appare un’antiestetica scrollbar. Capiterà infatti spesso di superare questo limite in quanto le pagine essendo strette (appunto di 520 px) si estendono parecchio in altezza.

Ma non c’è problema, a tutto c’è rimedio, basta inserire un piccolo script all’interno della pagina html, prima della chiusura del tag body, ed il gioco è fatto.

<div id="fb-root"></div>
<script src="https://connect.facebook.net/en_US/all.js">
</script>
<script>
      window.fbAsyncInit = function() {
        FB.init({
          appId : 'YOUR_APP_ID', //Your facebook APP here
          cookie : true // enable cookies to allow the server to access the session
        });
      }

      window.onload = function() {
        FB.Canvas.setAutoGrow(91);
      }
</script>

Ricordatevi di inserire l’ID corretto della vostra app.

La tua applicazione Facebook dovrebbe adesso adattarsi in altezza. Se così non fosse prova ad aggiungere questo codice al CSS del tag della pagina:

body {overflow:hidden;}

In data 20/09/2012 lo script, testato, funziona correttamente. Nel caso di eventuali problemi potete contattarmi e sarò felice di aiutarvi, sempre che Facebook non cambi troppo presto le regole del gioco.

Riproduzione riservata © La riproduzione è concessa solo citando la fonte con link all'articolo.
Articolo a cura di: Del Re Valerio
Dott. in Comunicazione e Pubblicità per le Organizzazioni. Sono l'ideatore del blog Robadagrafici.com e mi occupo di comunicazione visiva, grafica e web, per le aziende.
Condividi l'articolo
Se questo articolo ti è piaciuto, ti chiedo solo di condividerlo sui social.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *



Potrebbe anche interessarti

social

Social

Aumentare mi piace su Facebook con immagini e video virali

3 min Un’ottima strategia per aumentare i mi piace sulla propria pagina Facebook…

social

Social

Le migliori 300 immagini sul Natale trovate su Pinterest

1 minIl tempo scorre, il Natale si avvicina ed i clienti ci contattano…

social

Social

La nuova interfaccia grafica di Facebook nel 2014

1 min Qualcosa sta cambiando in Facebook e pare che uno dei primi…