新页面加载时 Facebook iframe 不会出现在顶部

发布于 2025-01-02 06:10:42 字数 331 浏览 1 评论 0原文

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

如何解决这个问题,以便当我单击下一页时,新页面将从顶部对齐,而不是与 iframe 中的上一页对齐?

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

FB.Canvas.scrollTo(0,0);

如何编码才能加载 javascript SDK 和 FB.Canvas.scrollTo(0,0);?

还有其他选择可以解决这个问题吗?

I created a facebook iframe page tab which is link to my website. The problem is when I scroll down within the iframe to view the content and click on the next page, it would load but the page will be aligned just as the previous page so that I have to scroll upwards.

How do I fix it so that when I click on the next page, the new page would aligned from the top and not aligned as the previous page in iframe?

I research for hours and heard that the following code will help solved it, but I don't know how to code it.

FB.Canvas.scrollTo(0,0);

How do you code it so that it would load the javascript SDK and FB.Canvas.scrollTo(0,0);?

Is there another option to fix this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

煞人兵器 2025-01-09 06:10:42
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);
}
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);
}
忘年祭陌 2025-01-09 06:10:42

这是您需要的完整脚本。

<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/

This is the full script you need.

<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>

If you have further questions, read this tutorial - http://ftutorials.com/scroll-to-top/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文