Question

我想在新的Facebook时间轴中的iFrame标签页中有一个“转至顶部”链接，尝试使用FB.Canvas.scrollTo如下但不起作用。任何指点都很受欢迎！

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

Answer 1

我遇到了同样的问题。在应用程序设置中将画布高度设置为固定。
然后FB.Canvas.scrollTo（0,0）正常工作;

Answer 2

当iframe位于另一个iframe的内容中时，Canvas不会抛出错误，但也无法运行。

IE。 API调用不支持嵌套的iframe。

FB.Canvas.scrollTo在Facebook标签页中不在iframe内部工作

2 个答案: