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.
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.

Partagez cet article

Benjamin Tontale

Community Manager @Hobbynote

Bonne pratique : comment adapter l’image de profil à votre miniature du mur sur Facebook ?

Bonne pratique : revendiquez votre Facebook Place

a28db7029883176bd8a3f2e67a51c78f```````````````````````