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

【问题标题】：Getting the height of a 'Facebook Comments' widget/social plugin获取“Facebook 评论”小部件/社交插件的高度
【发布时间】：2012-03-30 06:15:41
【问题描述】：

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

然后，使用 fbml 行：

<fb:comments href="someurl.com" num_posts="2" width="400"></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 高，并添加滚动条来滚动内容。
当然，滚动条很丑，所以，还有其他想法吗？

【问题讨论】：

标签： facebook plugins iframe comments height

【解决方案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); }

【讨论】：