Social network visite 106

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. Condividi l'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.

Lascia un commento

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



Potrebbe anche interessarti

social

Social network

Adsense e gli articoli di scarsa qualità. Le reazioni degli utenti su Facebook.

2 minSi parla ormai da molto tempo di articoli di qualità come chiave…

social

Social network

Reclamare pagina su Facebook

1 min Esiste una pagina/luogo che indica la vostra attività e volete reclamarla…

social

Social network

Logo vettoriale YouTube 2014: scarica gratis

1 min Di proprietà di Google Inc. da ottobre 2006 ed acquistato per…