Question

我试图偷偷摸摸地编写一个FB应用程序，用于页面上的标签...该应用程序允许您粘贴一些HTML代码，然后将其显示在您的标签上。

然后我粘贴一个iframe的html代码（我已经给出了特定的高度）。 iframe从Wordpress网站中提取内容。但是因为某些页面比其他页面长，并且iframe设置为1400px以容纳所有页面内容而不显示滚动条，所以您必须手动向上滚动页面。

我尝试了以下APP代码将FB页面滚动到顶部...

<body style="overflow: hidden;"> 

    <!-- echo out iframe page code -->

<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
    FB.init({
     appId: 123456789, 
     status: true, 
     cookie: true, 
     xfbml: true
    });

    FB.Canvas.setAutoGrow();
    FB.Canvas.scrollTo(0,0);
    };

    //Load the JavaScript SDK asynchronously
    (function() {
        var e = document.createElement('script'); e.async = true;
        e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
    }());
</script>

 </body>

但滚动到顶部的东西不起作用...任何输入赞赏！

我刚刚想到FB.scrollTo可能正常工作，但因为当我在嵌入式iframe中导航时没有重新加载App文件，它不会调用它...所以我需要在新的时候触发FB.scrollTo iframe内容加载......？

Answer 1

我想你想用https://developers.facebook.com/docs/reference/javascript/FB.Canvas.scrollTo/（FB.Canvas.scrollTo）

但是，此功能只有一个目的：滚动到画布应用（https://apps.facebook.com/yourapp）上的某个位置。如果手动插入iframe，它也不起作用。在画布应用中，您的应用会自动加载到iframe中。

此外，仅当您将画布高度设置为可设置时才有效。

FB.scrollTo（）无法在我的FB选项卡上运行

1 个答案: