Question

我创建了一个facebook iframe页面标签，该标签链接到我的网站。问题是，当我在iframe中向下滚动以查看内容并单击下一页时，它会加载，但页面将与上一页对齐，因此我必须向上滚动。

如何解决这个问题，以便当我点击下一页时，新页面会从顶部对齐而不会与iframe中的上一页对齐？

我研究了几个小时，听说下面的代码将有助于解决它，但我不知道如何编写代码。

FB.Canvas.scrollTo（0,0）;

如何对其进行编码以便加载javascript SDK和FB.Canvas.scrollTo（0,0）;？

还有其他方法可以解决这个问题吗？

Answer 1

window.fbAsyncInit = function() {
    FB.init({
        appId : 'app_id',
        status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the session
        xfbml : true // parse XFBML
    });
    FB.Canvas.setAutoGrow(200);
    FB.Canvas.scrollTo(0,0);
}

Answer 2

这是您需要的完整脚本。

<script type="text/javascript">
FB.Canvas.scrollTo(0,0);
    window.fbAsyncInit = function() {
    FB.Canvas.setSize( {height: 1387} );
    }
    // Do things that will sometimes call sizeChangeCallback()
    function sizeChangeCallback() {
    FB.Canvas.setSize( {height: 1387} );
    }
</script>

如果您还有其他问题，请阅读本教程 - http://ftutorials.com/scroll-to-top/

新页面加载时，Facebook iframe不会出现问题

2 个答案: