0

私はこっそりと FB アプリを作成しようとしました。ページのタブ用です...このアプリでは、HTML コードを貼り付けることができ、それをタブに表示できます。

次に、(特定の高さを指定した) 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 コンテンツのロード...?

4

1 に答える 1

0

https://developers.facebook.com/docs/reference/javascript/FB.Canvas.scrollTo/（FB.Canvas.scrollTo）を使用したいと思います

ただし、この関数の目的は1つだけです。それは、キャンバスアプリ（https://apps.facebook.com/yourapp）の特定の位置にスクロールすることです。手動でiframeを挿入した場合も機能しません。キャンバスアプリでは、アプリはiframeに自動的に読み込まれます。

また、これは、キャンバスの高さを設定可能に設定した場合にのみ機能します。

于 2012-08-29T23:37:49.377 に答える