jquery - 固定在主固定头下方的固定头

Question

我一直在与该站点上的其他一些开发人员一起解决一个问题，其中包含一个固定的标题问题。

我现在在这里更新了小提琴 http://jsfiddle.net/f95sW/

问题

1）向下滚动页面时，黄色块需要捕捉到红色块。

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

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

两个问题。你没有包含一个固定的类，所以我在这个中添加了这个：

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

jsFiddle 示例

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

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

Answer 2

看起来你错过了 .fixed 课程

.fixed{
    position: fixed;
    top: 0; left:0;
}

这是更新的小提琴http://jsfiddle.net/f95sw/2/