2

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

提前谢谢你！

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

谢谢！

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");
        }
    });
});
4

0 回答 0