Question

所以我想让侧边栏与内容保持一致。我的意思是当有更多的帖子会出现更多的广告框，但是现在其中一些应该消失，以便侧边栏高度与内容高度匹配。因为我正在为所有页面使用相同的小部件，所以它正在制造问题。那么是否有可能使侧边栏高度与内容块一致？感谢。

Answer 1

var c2Height = $('.column-2').height(),
    adHeight = 0,
    ads = $('aside .block-content ul')
    remove = false;

ads.children().each(function() {
    if(remove){
        $(this).remove();
    } else {
        adHeight += $(this).height();

        if(adHeight > c2Height){
            remove = true;
            $(this).remove();
        }
    }
});

此代码计算可用于广告的空间大小，并移除任何不在列外的广告。这样做意味着最后一个广告不会像使用overflow: hidden;

时那样被切断

Answer 2

$('aside').css({
    height: parseInt(  $('.block-content').outerHeight()  ), 
    overflow: 'hidden'
 });

您可以使用我提供的上述代码完成此操作，但是，不是使用aside和.block-content，那么您的帖子包装器的基础是什么，添加一些ID属性。

修改很抱歉让你迷惑

Answer 3

试

var mheight=jQuery('.loop').height();
jQuery('section.column-2').css({'max-height':mheight,'overflow':'hidden'});

我想使侧边栏的高度响应内容的高度

3 个答案: