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 像素，但是当我设置高度属性时，社交插件的页脚会上升（设置了平均高度）。但问题是当我滚动页面时，调整高度后我看不到滚动条。

4

2 回答 2

2

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

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

href、宽度、高度、颜色方案、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

使用以下使用 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>

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

于 2014-02-19T00:45:17.960 回答