jquery - 卡在主固定标题下方的固定标题

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)，所以我在其中添加了:

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

jsFiddle example

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

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