Question

使用Facebook Javascript SDK + XFBML，我正在实施fb'评论小部件'，正如here所述。

然后，使用fbml行：

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

使用评论小部件创建iframe。

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高，并添加滚动条滚动内容。
当然，滚动条是丑陋的，所以，还有其他想法吗？

Answer 1

我使用与你相同的想法，修改了风格，但它会使用min-heigh 请试试这个，

.fb_ltr { min-height:100%; }

Answer 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); }

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

2 个答案: