3 votes

FB.Canvas.scrollTo ne fonctionne pas dans une iframe dans un onglet Facebook

Je voudrais avoir un lien "aller en haut" à l'intérieur d'une page d'onglet iFrame dans la nouvelle timeline Facebook. J'ai essayé d'utiliser FB.Canvas.scrollTo comme suit mais cela ne fonctionne pas. Je vous remercie de votre aide !

<body style="overflow: hidden">
<div id="fb-root"></div>
<script>
  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));

  // Init the SDK upon load
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'myAppID', 
      channelUrl : 'my_channel.html', 
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

 document.getElementById('go_to_top').addEventListener('click', function(){
      FB.Canvas.scrollTo(0,0);
    }); 

  <div id="goToTop">
     <img border=0 src ="aPicForClicking.jpg">
  </div>
</body>

7voto

vpascoal Points 238

J'avais le même problème. Dans les paramètres de l'application, réglez la hauteur de la toile sur Fixed.
Ensuite, FB.Canvas.scrollTo(0,0) fonctionne bien ;

0voto

dan baughman Points 1

Les canevas n'entraînent pas d'erreur mais ne fonctionnent pas non plus lorsque l'iframe se trouve dans le contenu d'un autre iframe.

IE. Les iframes imbriquées ne sont pas prises en charge pour les appels d'API.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X