アプリなどを開発するブログ

React Native / Swift / Ruby on Railsなどの学習メモ。


Facebookタブでコンテンツの高さをHTMLの高さにし、内部スクロールバーを表示させないようにする

FbタブはiFrameで外部HTMLを読み込むことができますが、
iFrameの中でスクロールする形になって、
見づらいです。

タブの高さ自体を、HTMLの高さに設定するには、
タグの直下に下のコードを書きます。

<div id="fb-root"></div>
<script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>
<script>
(function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol + '//connect.facebook.net/ja_JP/all.js';
    document.getElementById('fb-root').appendChild(e);
}());
window.fbAsyncInit = function() {
    FB.init({
    appId: 'アップIDを入力',
    status: true,
    cookie: true
    });
    FB.Canvas.setAutoGrow({width:810, height:3750[HTMLの高さを入力] });
    };
</script>