我想设计我的菜单栏像这样。
当您向下滚动时，它固定在网站的顶部，而当页面加载时，它不会固定在该位置。
如何用 CSS 来完成呢？
您想要的是“粘性导航栏/菜单”。
最简单的方法是将以下 CSS 添加到菜单/导航栏
position:fixed;
top:0px;
也就是说，为了获得更接近您发布的效果，您可能需要考虑使用一些 jQuery，例如：
$(window).bind('scroll', function() {
if ($(window).scrollTop() > 50) {
$('.menu').addClass('fixed');
}
else {
$('.menu').removeClass('fixed');
}
});
其作用是，一旦您滚动超过某个点（例如 50px），通过将 CSS 类“fixed”添加到.menu元素，固定类就是例如上面的CSS。
列出了一些很好的例子here.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
