脸书中的AutoScroll

Question

我正在facebook中创建一个应用程序(使用php )，其中我在页面顶部有一个锚标签。我想要的是当任何人点击它的时候..该页面将向下滚动到同一页面上的div。

下面是一个具有这样功能的网站的例子：

http://www.metro.co.uk/sport/879373-arsene-wenger-i-dont-want-arsenal-players-at-london-olympics-2012#commentsAnchor

当你点击"M Comments“按钮时，它会自动向下滚动。代码似乎是

<a class="skip-to-comments" href="#commentsAnchor"></a>

我试过了，但没有多大帮助。

Answer 1

1. 计算分区的顶部位置
2. 减去所有Facebook内容的适当偏移量
3. 使用FB.Canvas.scrollTo(0，y)进行实际滚动。

(这只是因为Facebook的应用程序是在IFrame内部运行的。)

Answer 2

您必须使用Facebook JS SDK ( http://developers.facebook.com/docs/reference/javascript/FB.Canvas.scrollTo/ )中的FB.Canvas.scrollTo(x, y)函数。下面的代码片段应该会让您理清头绪：

$(document).ready(function() {
    $('.skip-to-comments').click(function() {
        FB.Canvas.scrollTo(0, $($(this).attr('href')).position().top);
        return false;
    });
});