2012-08-29 60 views
0

我試圖偷偷摸摸地寫一個FB應用程序,在一個頁面上的標籤...該應用程序允許您粘貼一些HTML代碼,然後顯示它你的標籤。FB.scrollTo()不能在我的FB選項卡上工作

然後粘貼一個iframe的html代碼(我給出了一個特定的高度)。 iframe從Wordpress網站提取內容。但是由於一些頁面比其他頁面長,並且iframe設置爲1400px以容納所有頁面內容而不出現滾動條,所以您必須手動向上滾動頁面。

我用盡以下向應用代碼的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中導航時,它不會調用它...所以我需要觸發FB .scrollTo何時加載新的iframe內容...?

回答

0

我想你想使用https://developers.facebook.com/docs/reference/javascript/FB.Canvas.scrollTo/(FB.Canvas.scrollTo)

然而,這個功能只有一個目的:滾動到某個位置上的畫布應用(HTTPS://apps.facebook的.com/yourapp)。如果您手動插入iframe,它也不起作用。在畫布應用中,您的應用會自動加載到iframe中。

此外,這隻適用於如果您將畫布高度設置爲可設置。