Html 我如何制作一个导航条，一旦滚动到，就会用CSS粘贴到屏幕顶部？

你听到了标题。我正在www.thundergamingforms.com上的一个网页上工作，我似乎找不到如何做到这一点。 请用CSS/HTML解释，但是如果你需要用任何语言完全重写代码

#navbarc{}
#navbarc ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#222；
}
#李国宝{
浮动：左；
}
#navbarc li a{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
#navbarc li a:悬停：未（.active）{
背景色：#111；
过渡：颜色。1s；
颜色：#00a6ff；
}
#主动导航{
背景色：#00a6ff；
}

使用html/css，您可以使用

position:sticky

，但值得注意的是，它对浏览器的支持有限

正文{
填充顶部：100px；
高度：300vh；
}
#纳瓦巴尔克{
位置：粘性；
排名：0；
}

#纳瓦巴尔克{
}
#navbarc ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#222；
}
#李国宝{
浮动：左；
}
#navbarc li a{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
#navbarc li a:悬停：未（.active）{
背景色：#111；
过渡：颜色。1s；
颜色：#00a6ff；
}
#主动导航{
背景色：#00a6ff；
}

如果我说的没错，当导航条接触屏幕顶部时，您希望将导航条粘贴到屏幕顶部

在scrollTop方法的帮助下，您可能需要jQuery来完成这项工作

<script>
var stickyNavTop = $('#navbarc').offset().top;

$(window).scroll(function() {  
    if ($(window).scrollTop() > stickyNavTop) {
        $('#navbarc').addClass('fixed');
    }
    else {
        $('#navbarc').removeClass('fixed');
    }  
});
</script>

var stickyNavTop=$（'#navbarc'）.offset（）.top；
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>stickyNavTop）{
$（'#navbarc'）.addClass（'fixed'）；
}
否则{
$（'#navbarc'）.removeClass（'fixed'）；
}  
});

是的，我使用了一个名为“Zyro”的web生成器，显然这两个选项都有