Получение высоты виджета «Facebook Comments» / социального плагина - PullRequest
2 голосов
/ 13 марта 2012

Используя Facebook Javascript SDK + XFBML, я реализую fb 'виджет комментариев', как объяснено здесь .

затем, используя строку fbml:

<fb:comments href="someurl.com" num_posts="2" width="400"></fb:comments>

создает фрейм с виджетом комментариев.

Высота iframe, конечно, зависит от длины комментариев;
Мне нужно внести изменения в мою страницу в соответствии с высотой виджета комментариев.
Я могу нажать, когда виджет закончил загрузку, используя

FB.Event.subscribe('xfbml.render')

(я нашел это более точным, чем использование 'ready' или 'load'), но я не могу получить высоту комментариев iframe из-за междоменных ограничений.

Кто-нибудь знает какое-нибудь решение для этого?

Спасибо.

РЕДАКТИРОВАТЬ :
Обходной путь № 1: (от http://startdevelopment.blogspot.com/2011/03/issue-with-facebook-comments-box-height.html):

добавить стиль на свою страницу:

.fb_ltr { height: 400px !important; overflow-y: scroll !important; }

'fb_ltr' - это класс, используемый iframe. Это гарантирует, что он всегда имеет высоту 400px, и добавляет полосу прокрутки для прокрутки контента.
Конечно, полоса прокрутки уродлива, так что, есть другие идеи?

Ответы [ 2 ]

0 голосов
/ 14 июля 2016

Прежде всего, спасибо за ваше решение, Ювал А. Во-вторых, я нашел здесь простой и понятный стиль для полосы прокрутки: Кросс-браузер в стиле CSS с полосой прокрутки

Короче говоря, этокод:

::-webkit-scrollbar {  width: 12px;  /* for vertical scrollbars */  height: 12px; /* for horizontal scrollbars */ } ::-webkit-scrollbar-track {   background: rgba(0, 0, 0, 0.1); } ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); } 
0 голосов
/ 25 октября 2012

Я использую ту же идею, что и вы, изменил стиль, но он будет использовать минимальную высоту Пожалуйста, попробуйте это,

.fb_ltr { min-height:100%; }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...