logo标签列表

限制HTML5 Facebook评论框的大小

htmlcssfacebook
3

我想限制下面代码生成的Facebook评论框的垂直高度，但我不知道如何限制评论框的垂直高度。（对于宽度，Facebook提供了"data-width"参数）。有人知道我该怎么做吗？

<html>
<head></head>
<body>
<div id="fb-root"></div>
<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";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="example.com" data-num-posts="2" data-width="500">    </div>
</body>
</html>

谢谢！

2个回答
5

不幸的是，FB目前不支持IFRAME方法，只支持HTML5和XFBML。因此，我使用的解决方案是将标签包装在另一个div中，并将"overflow-y"设置为滚动，如下所示：

<div id="fb_comments">
    <fb:comments href="http://example.com/" num_posts="10" width="500"></fb:comments>
</div>

我的fb_comments样式如下：

#fb_comments { height:400px; padding-bottom:20px; overflow-y: scroll; }
但是移动设备呢？ data-mobile="true" - Sowmya
0

如果您想让它滚动，直接设置高度是不可能的，您可以将其放在IFrame中（代码可以在developers.facebook.com找到，只需选择IFRAME而不是HTML5）

否则，您可以更改data-num-posts的值以使其变小或变大。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接