修复了主要固定标题下方的标题

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 example

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

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

Answer 2

看起来你错过了.fixed类

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

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