2012-10-31 12 views
7

Ci sono centinaia di post su questo su internet, molti dei quali sono qui su StackOverflow, ma sfortunatamente nessuna delle soluzioni menzionate sembra funzionare per me. Ho trascorso la maggior parte delle 6 ore armeggiare senza successo.Rimuovere le barre di scorrimento dall'app della scheda di pagina di Facebook?

Ecco quello che ho:

ma non posso per la vita di me impostare l'altezza del iFrame in modo che possa rimuovere in modo sicuro le barre di scorrimento!

Ecco la struttura del mio codice HTML:

<!DOCTYPE html> 
<html lang="en"> 

<head> 

<meta charset="utf-8"> 

<title>PARKROYAL Magic Moments</title> 

<link rel="stylesheet" href="css/normalize.css"> 
<link rel="stylesheet" href="css/style.css"> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 

</head> 

<body> 

<MAIN CODE HERE> 

<div id="fb-root"></div> 
<script src="http://connect.facebook.net/en_US/all.js"></script> 
<script> 
FB.init({ 
appId : '<APP-ID>', 
status : true, // check login status 
cookie : true, // enable cookies to allow the server to access the session 
xfbml : true // parse XFBML 
}); 
</script> 

<script type="text/javascript"> 
window.fbAsyncInit = function() { 
FB.Canvas.setSize({ height: 1642 }); 
} 
// Do things that will sometimes call sizeChangeCallback() 
function sizeChangeCallback() { 
FB.Canvas.setSize({ height: 1642 }); 
} 
</script> 


</body> 

</html> 

Nel mio CSS ho anche impostare body {overflow: hidden}

Tutte le idee?

+1

Cerca nella console degli errori del tuo browser, il messaggio è proprio lì ... – CBroe

risposta

13

Hai provato FB.Canvas.setAutoGrow. Puoi utilizzarlo in questo modo: -

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script> 
<script type="text/javascript"> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : '235024806624460', 
    }); 
    FB.Canvas.setAutoGrow(); 
    } 
</script> 
Problemi correlati