Mode d'emploi : retirer les « scrollbars » de vos onglets Facebook

Mode d'emploi : retirer les « scrollbars » de vos onglets Facebook

Depuis la migration des applications Facebook du FBML vers l’iFrame, nous voyons apparaître énormément de bugs sur les onglets Facebook. L’apparition des scrollbar est un effet de bord si votre onglet fait plus de 720px de hauteur ou si il fait 520px de large.

A quoi ressemble ce bug ?

fb_bug2

**Comment contourner ce problème ?**Vous pouvez utiliser la fonction FB.Canvas.setAutoResize(); proposé par Facebook qui permet de redimensionner automatiquement la taille de votre onglet. Cependant, cette fonction ne s’exécute qu’une fois l’onglet chargé, ce qui provoque l’affichage des « scrollbars » pendant le chargement de votre onglet.
![](http://www.hobbynote.com/bundles/userfiles/images/mde6.jpg)
**Comment cacher les « scrollbars » avant l’exécution de la fonction javascript ? ** Tout simplement en modifiant votre feuille de style CSS et en y ajoutant un overflow ayant pour valeur hidden.
![](http://www.hobbynote.com/bundles/userfiles/images/mde7.jpg)

pierre

Co-fondateur hobbynote. Passionné par le développement PHP/jQuery/JSON... et par les réseaux sociaux

comments powered by Disqus