获取“Facebook 评论”小部件/社交插件的高度

Posted 2023-02-21

【中文标题】获取“Facebook 评论”小部件/社交插件的高度

【英文标题】：Getting the height of a 'Facebook Comments' widget/social plugin

【发布时间】：2012-03-30 06:15:41

【问题描述】：

使用 Facebook javascript SDK+XFBML，我正在实现 fb 'cmets widget'，正如 here 所解释的那样。

然后，使用 fbml 行：

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

使用 cmets 小部件创建 iframe。

iframe 的高度当然取决于 cmets 的长度； 我需要根据 cmets 小部件的高度对我的页面进行更改。 当小部件完成加载时，我可以使用

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

（我发现它比使用 'ready' 或 'load' 更准确）， 但由于跨域限制，我无法获取 cmets 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 高，并添加滚动条来滚动内容。 当然，滚动条很丑，所以，还有其他想法吗？

【参考方案1】：

我和你的想法一样，修改了样式，但是会使用 min-heigh 请试试这个，

.fb_ltr  min-height:100%; 

【参考方案2】：

首先，感谢您提供的解决方案，Yuval A。 其次，我在这里找到了一种干净简洁的滚动条样式： CSS scrollbar style cross browser

简而言之就是这段代码：

::-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);