[Tips] Garder la vue du tab en haut

2013, Mar 25    

Un peu de difficulté à nommer ce tips je dois dire. En fait, il répond à un problème tout simple. Lorsque vous développez votre application dans un tab (onglet) facebook, il se peut que vous ayiez plusieurs pages. Imaginons un formulaire assez long. Vous êtes obligé de scroller pour appuyer sur valider. Et bien, après rafraichissement de la page, l’internaute se retrouve bien sur la nouvelle page mais avec la vue située au scroll précédant. Embêtant non ? Il serait bien mieux de le remettre en haut de page.

Pas de panique ! Pour cela, il vous faudra utiliser la méthode « FB.Canvas.scrollTo ». La voici en action :

<div id="fb-root"></div>
<script>
(function(d){
    var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[];
    if (d.getElementById(id)) {return;}
    js = d.createElement('script'); js.id = id; js.async = true;
    js.src = "//connect.facebook.net/fr_FR/all.js";
    ref.parentNode.insertBefore(js, ref);
}(document));
 
window.fbAsyncInit = function() {
    FB.init({
        appId      : 'myAppID',
        status     : true,
        cookie     : true,
        xfbml      : true
    });
    FB.Canvas.scrollTo(,);
}); 
</script>

Seule chose à savoir, il faut mettre une taille en hauteur dans le panel de l’application. Il vous faudra donc généralement lier cette fonction à FB.Canvas.setAutoGrow().

Source : FB.Canvas.scrollTo() Facebook doc