滚动 Facebook 画布

Question

我正在构建一个 Facebook 应用程序。 Facebook画布类型是FBML，然后我将fb:iframe放入索引页面中，在该iframe中加载我的ajax引擎，之后，所有内容都通过ajax更新。有时内容页面可能很长并要求用户向下滚动（使用主浏览器滚动条）。但是，当您向下滚动后单击链接并加载下一个内容页面时，滚动条仍保持在原来的位置（这是有道理的），因此您必须滚动回顶部。

我通过在加载数据后强制滚动来解决这个问题。它确实到达了 div 的顶部，但没有到达页面的顶部，即 Facebook 栏所在的位置。我尝试滚动父窗口，但由于跨站点安全限制，这是不可能的。

我注意到，当您在加载内容的同一位置使用 FB.ui（即创建要发布的流）时，它会一直滚动到顶部。所以我想也许有一个 FB api 调用可以做到这一点，但我找不到它。

或者也许有某种方法可以强制浏览器一直向上滚动，无论您是否在 iframe 中？

有什么想法吗？

Answer 1

2011 年 4 月更新：
Facebook 在其新的 JavaScript SDK 中添加了 FB.CanvasClient.scrollTo 方法。您现在所要做的就是：

FB.Canvas.scrollTo(0,0);

更多信息请参见：http://developers.facebook.com /docs/reference/javascript/FB.Canvas.scrollTo/

---

2011 年 4 月更新：以下内容现已过时，但我将其留在这里供参考...

使用新的 JavaScript SDK 还是旧的？对于旧版本，您可以执行以下操作：

FB.CanvasClient.scrollTo(0,0)

不幸的是，Facebook 不支持新 JavaScript API 的scrollTo() 方法。我还没有在 FBML 应用程序中尝试过下一种技术，但我确实在 Canvas iframe 应用程序中使用它取得了成功（从这里借用的代码：http://forum.developers.facebook.net/viewtopic.php?id=32906)：

var x = 0, y = 0;
$("body").append('<iframe id="scrollTop" style="border:none;width:1px;height:1px;position:absolute;top:-10000px;left:-100px;" src="http://static.ak.facebook.com/xd_receiver_v0.4.php?r=1#%7B%22id%22%3A0%2C%22sc%22%3Anull%2C%22sf%22%3A%22%22%2C%22sr%22%3A2%2C%22h%22%3A%22iframeOuterServer%22%2C%22sid%22%3A%220.957%22%2C%22t%22%3A0%7D%5B0%2C%22iframeInnerClient%22%2C%22scrollTo%22%2C%7B%22x%22%3A' + x + '%2C%22y%22%3A' + y + '%7D%2Cfalse%5D" onload="$(\'#scrollTop\').remove();"></iframe>'); 

虽然上述技术会将窗口滚动到顶部，但我没有发现它100%可靠。例如，它似乎不适用于 Facebook 的新页面 iframe 选项卡。因此，我求助于使用这种 100% 可靠的技术，但不幸的是，它只会滚动到 iframe 的顶部：

将其放在开始标记的下方：

<a id="top" name="top" style="display:block;height:1px;width:1px;"></a>

以及将执行滚动的 JavaScript；

     window.location.hash = 'top';
     window.location.hash = '';