2

私はFacebookのいいねボックスを使用しています。ストリームのみのいいねボックスのデフォルトサイズは、以下のコードのように395pxです。

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=200&amp;colorscheme=light&amp;show_faces=false&amp;stream=true&amp;header=false&amp;height=395" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:395px;" allowTransparency="true"></iframe>

しかし、必要な高さは 200 px ですが、height 属性を設定すると、ソーシャル プラグインのフッターが上がります (平均高さが設定されます)。しかし、問題は、ページをスクロールすると、高さを調整した後にスクロールバーが表示されないことです。

4

2 に答える 2

2

iframe に読み込まれたページを制御できない限り、iframe に読み込まれた HTML に CSS を適用することはできません。

この場合、FACEBOOK では次の属性のみを変更できます。

href、幅、高さ、colorscheme、show_faces、ストリーム、ヘッダー、border_color、force_wall。

高さ:ボックス全体の高さ (ピクセル単位) です。デフォルトの高さは、表示する顔の数と、ストリームが表示されるかどうかによって異なります。ストリームが表示され、顔が 10 個ある場合、デフォルトの高さは 556px です。顔もストリームもない場合、デフォルトの高さは 63px です。

http://developers.facebook.com/docs/reference/plugins/like-box/

于 2011-08-26T14:14:53.130 に答える
0

iframe の代わりに div を使用する次のコードを使用して、Facebook Like Social プラグインをセットアップします。

<script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=##ENTERAPPID##";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-like-box" data-href="https://www.facebook.com/##FACEBOOKPAGE##" data-width="570px" data-height="750px" data-colorscheme="light" data-show-faces="false" data-header="true" data-stream="true" data-show-border="true"></div>

HASH TAGS ## 内のすべてを Facebook アカウント情報に置き換えます。高さを調整するには、data-height 属性を変更します。

于 2014-02-19T00:45:17.960 に答える