我可以动态调整Facebook活动流插件的大小吗?

我可以动态调整Facebook活动流插件的大小吗?,facebook,autoresize,Facebook,Autoresize,我正在为活动提要使用html5嵌入代码,如下所述: 我希望Facebook活动流“填充”它的封闭框。这个封闭框是可调整大小的,所以在调整封闭框大小时,我需要调整活动流的大小。活动提要插件使用iframe进行渲染,而纯CSS无法调整其大小。但是,使用javascript,您可以通过使用正确的高度作为参数重新加载iframe来调整插件的大小。这是一种比再次解析XFBML标记更快的方法 CSS(确保插件元素遵循容器大小) Javascript(使用jQuery) .fb-activity, .fb-

我正在为活动提要使用html5嵌入代码,如下所述:


我希望Facebook活动流“填充”它的封闭框。这个封闭框是可调整大小的,所以在调整封闭框大小时,我需要调整活动流的大小。

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

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

Javascript(使用jQuery)

.fb-activity, .fb-activity * {
    position:relative !important;
    width:100% !important;
    height:100% !important;
}
$(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);
    }
});