facebook评论框格式高度：590px

Question

在iPad上，Facebook评论框会自动设置590px的高度。初始视图只是登录按钮，所以它太大了。我无法在css中设置高度，因为一旦他们登录，那么内容区域将太小，并且fb不会设置我可以在这些条件下挂钩的任何类。

我有：

<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=00000000";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

在内容区域内：

<div id="fb_comments">
    <fb:comments href="<?php the_permalink(); ?>" num_posts="10" width="500">    </fb:comments>
</div>

Answer 1

我用来解决这个问题的方法是将facebook注释div放在父div中，设置父div的max-height和overflow来滚动。

示例：

HTML： 父母div：

<div id="fb-comments-container"><!-- comments plugin goes here --></div>

CSS：

#fb-comments-container {
max-height: 300px;
overflow: scroll;
}

Answer 2

我猜你可以用JQuery来解决这个问题。 检查用户是否已连接。如果是，则将高度设置为590px，否则将其设置为您想要的任何值。

您可以添加JQuery plugin，然后执行$('.fb:comments').css('height', 'YourValuepx');

之类的操作

无论如何，我不知道这种类型的插件是否可用于移动设备。还有一个移动版的JQuery插件，但我没有任何经验：JQuery mobile