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