Come rimuovere la scrollbar verticale da Tab iFrame di 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.