Social network visite 274

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

Social Network 2014: loghi vettoriali gratis

1 min Per una grafica che si rispetti è importante avere a disposizione…

social

Social network

Aumentare mi piace su Facebook con immagini e video virali

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