我试图从下面生成的代码限制Facebook评论的垂直高度,但我不知道如何限制评论框的垂直高度。(对于宽度,data-width参数由facebook提供)。有人知道我是怎么做到的吗?
<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>
谢谢!
不幸的是,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; }
这是不可能直接设置高度,如果你想要它滚动,你可能想把它放在一个IFrame(代码可以在developers.facebook.com找到,只需选择IFrame而不是HTML5)
否则,您可以将data-num-posts更改为更低或更高的值,以使其更小或更大