Question

jQuery的新手很抱歉，如果这是基本的话。

我希望我的主要内容包装器始终位于固定标头下方。如果固定标题总是相同的高度，但它是响应的并且它的高度发生了变化，那就没问题了。

到目前为止这是我的jQuery（不起作用）：

var banner = $('div.banner');
var wrapper = $('div.wrapper');

wrapper.offset().top = banner.outerHeight() + wrapper.offset().top;

我认为通过将wrapper.offset().top定义为与任何给定时刻的横幅高度相同的值，这将起作用。可悲的是没有。

任何帮助都将不胜感激。

Answer 1

您可以将其包装在doc ready块中，并使用css()方法设置top属性：

function setHeader(){
    var banner = $('div.banner');
    var wrapper = $('div.wrapper');

    wrapper.css('top', banner.outerHeight() + wrapper.offset().top);
}
$(function(){
    var time;
        time = setTimeout(function(){
           if(time){ clearTimeout(time);}
           $(window).resize(setHeader).trigger('resize');
        }, 700);

});

将主要内容保留在固定标题下

1 个答案: