Jquery 如果有'；它上面有一条小长条吗？

非常感谢你看了我的问题

我试图使用CSS的固定位置在页面顶部保留一个标题。问题是，我在标题顶部有一个小的内容条，当我向下滚动标题时，标题保持固定，但该条的间距保持不变：

下面是处理所有这些问题的代码：

.header容器{
位置：固定；
z指数：5；
宽度：100%；
高度：自动；
显示：块；
}

周一至周五：上午8:00至下午5:00









......

家。。。

在文档上附加一个滚动事件处理程序，观察文档是否已滚动过薄条的高度。如果有，那就是您将收割台的位置设置为固定的时候。在下面的提琴中，我将在标题中添加和删除一个类以完成此任务：

编辑：更新了解决方案，以考虑内容所需的额外填充/边距，从而在标题固定时看不到“跳转”。除了使用jQuery的.css函数，您还可以在父级应用一个类，并使用css执行以下操作：

#parent.fixed #fixedheader{
  position: fixed;
  top: 0;
}

#parent.fixed #content {
  margin-top: 150px;
}

---

但这取决于你是否知道固定头的高度。如果是这种情况，我会直接使用CSS，而不是在jQuery中使用CSS。

如果标题是固定的，我建议设置它的位置（上/左/右/下）

---

非常感谢你！！

#parent.fixed #fixedheader{
  position: fixed;
  top: 0;
}

#parent.fixed #content {
  margin-top: 150px;
}

$(window).scroll(function(){
    if ($(this).scrollTop() > $('div.tp-top-bar').outerHeight()){
        $('div.tp-top-bar').hide();
        $('div.header-container').css({ top: 0 });
    } else {
        $('div.tp-top-bar').show();
        $('div.header-container').css({ top: $('div.tp-top-bar').outerHeight() });
    }
});