Ограничить размер HTML5 комментария Facebook

Я пытаюсь ограничить вертикальную высоту комментариев 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>

Спасибо!

Источник

2 ответа

Решение

К сожалению, 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 на более низкое или более высокое значение, чтобы уменьшить или увеличить его.

Источник
Другие вопросы по тегам