全屏div下的粘性标题

Question

我对粘性标题有疑问。在我的网站上，我有一个“顶部”div包含100％宽度/高度的图像。如果用户向下滚动，则顶部div会滚动，然后他们可以看到主div /内容。但我希望在顶部div下方有一个“粘性”标题，这样当用户在页面顶部时，用户看不到“菜单” - 标题，它应该粘在顶部图像下方并挂钩滚动时“经过”。这可能吗？

先谢谢你了！

这是我的一段代码。我已经修复了，以便meny位于顶部图片的正下方，但它不会跟随滚动。有什么问题？

谢谢！

HTML：

<header id="top">
(The big picture)
</header>

<div id="logo">
<img src="logo" alt="Logo">
</div>

<div class="container">

<div id="sub_header">
    <div id="menu1">
        Content
</div>
</div>

CSS：

#sub_header { height:53px; width: 100%; padding:5px 0; }
#sub_header.sticky { position:fixed; top:100px; left:0px; right:0px; z-index:99999; }

jQuery的：

$(function(){
    $(window).scroll(function(){
        if ($(window).scrollTop() > body) {
            $("#sub_header").addClass("sticky");
        } else {
            $("#sub_header").removeClass("sticky");
        }
    });
});