Question

我正在使用facebook的like box，只有流的类似框的默认大小为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像素，但是当我设置身高属性时，社交插件的页脚会上升（平均身高设置）。但问题是当我滚动页面时，我无法在调整后的高度后看到滚动条。

Answer 1

您不能将CSS应用于iframe中加载的HTML，除非您可以控制iframe中加载的页面。

在这种情况下，FACEBOOK只允许您更改这些属性：

href，width，height，colorscheme，show_faces，stream，header，border_color，force_wall。

高度：是整个框的高度（以像素为单位）。默认高度根据要显示的面数以及是否显示流而变化。显示流时，10个面的默认高度为556px。没有面孔，没有流，默认高度为63px。

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

Answer 2

使用以下代码使用div而不是iframe来设置Facebook Like Social Plugin。

<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>

用您的Facebook帐户信息替换HASH TAGS ##中的任何内容。要调整高度，请更改data-height属性。

如何更改Facebook Like Box社交插件的活动流高度

2 个答案: