jquery - 固定 header 卡在主固定 header 下方

Question

我一直在与该网站上的其他一些开发人员一起解决一个修复了 header 问题的问题。

我现在已经在这里更新了 fiddle http://jsfiddle.net/f95sW/

问题

1) 当向下滚动页面时，黄色 block 需要对齐到红色 block 。

请查看代码和演示，任何帮助将不胜感激。

var offset = $(".sticky-header").offset();
var sticky = document.getElementById("sticky-header")
var additionalPixels = 50;

$(window).scroll(function () {

    if ($('body').scrollTop() > offset.top + additionalPixels) {
        $('.sticky-header').addClass('fixed');
    } else {
        $('.sticky-header').removeClass('fixed');
    }


});

Answer 1

两个问题。您没有包含固定类(class)，因此我在其中添加了该类(class):

.fixed{
    position: fixed;
    top:52px;
}

<强> jsFiddle example

但更重要的是，您需要将数学更改为:

if ($('body').scrollTop() > offset.top - additionalPixels) {