在Facebook上自动滚动

时间:2012-01-04 08:24:17

标签: php javascript facebook

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

以下是具有此类功能的网站示例:

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

当您点击“M评论”按钮时,它会自动向下滚动。代码似乎是

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

我已经尝试了这个,但它没有多大帮助

2 个答案:

答案 0 :(得分:0)

  1. 计算div的顶部位置
  2. 为所有Facebook内容减去适当的偏移量
  3. 使用FB.Canvas.scrollTo(0,y)进行实际滚动。
  4. (这只是必要的,因为Facebook应用程序在IFrame中运行。)

答案 1 :(得分:0)

您必须使用Facebook JS SDK中的FB.Canvas.scrollTo(x, y)功能(http://developers.facebook.com/docs/reference/javascript/FB.Canvas.scrollTo/)。以下代码片段应该排除您:

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