FB.Canvas.scrollTo 在 Facebook 标签页的 iframe 内不起作用答案

【问题标题】：FB.Canvas.scrollTo Not working inside iframe in Facebook tab pageFB.Canvas.scrollTo 在 Facebook 标签页的 iframe 内不起作用
【发布时间】：2012-03-29 17:23:39
【问题描述】：

我想在新的 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>

【问题讨论】：

标签： facebook iframe canvas scroll

【解决方案1】：

我遇到了同样的问题。在应用程序设置中将 Canvas Height 设置为 Fixed。
然后 FB.Canvas.scrollTo(0,0) 工作正常；

【讨论】：

感谢您的提示！（还没有足够的声望来 +！）

【解决方案2】：

当 iframe 位于另一个 iframe 的内容中时，Canvas 不会引发错误，但也不会起作用。

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

【讨论】：