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

Question

我使用的活动源的HTML5嵌入代码如下记载：

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

我想Facebook的活动流“补”这是包箱。这个封闭的框可调整大小，所以我需要调整封闭框的大小时调整该活动流。

Answer 1

活动馈送插件使用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); 
    } 
});