facebook - 我可以动态调整 Facebook Activity Stream 插件的大小吗？

Question

我正在使用事件源的 html5 嵌入代码，如下所述:

http://developers.facebook.com/docs/reference/plugins/activity/

我希望 Facebook 事件流“填充”它的封闭框。该封闭框的大小是可调整的，因此当调整封闭框的大小时，我需要调整该事件流的大小。

Answer 1

Activity Feed 插件使用 iframe 进行渲染，无法使用纯 CSS 调整其大小。然而，使用 javascript，您可以通过使用正确的高度作为参数重新加载 iframe 来调整插件的大小。这是比再次解析 XFBML 标记更快的方法。

CSS(确保插件元素遵循容器大小)

.fb-activity, .fb-activity * {
    position:relative !important;
    width:100% !important;
    height:100% !important;
}

Javascript(使用 jQuery)

$(window).resize(function() {

    //Calculate the new height of your container
    //...

    var $container = $('.container');
    var $iframe = $container.find('iframe');
    $container.css('height',containerHeight+'px');
    if($iframe.length) {
        $iframe.attr('src',$iframe.attr('src').replace(/height=[0-9]+/gi,'height='+escape(containerHeight)));
    } else {
        $container.find('.fb-activity').attr('data-height',containerHeight);
    }
});