tab eliminare barra verticale
visite 655 visualizzazioni

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.

Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo
Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo

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.


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.
Se questo articolo ti è piaciuto, fallo sapere ai tuoi amici!

Lascia un commento

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