Jquery 顶部固定导航栏

Jquery 顶部固定导航栏,jquery,html,css,Jquery,Html,Css,我想在滚动后将导航栏固定到顶部。我想导航栏是固定后的登录页滚动。是否可以检测滚动中的类,然后将其固定在类1之后 $(窗口)。滚动(函数(){ var sticky=$('nav'), scroll=$(窗口).scrollTop(); 如果(滚动>=100)sticky.addClass('fixed'); else sticky.removeClass('fixed'); }); html,正文{高度:100%;} .1、.2、.3{最小高度:100%;} 导航{背景:绿色;} .固定{

我想在滚动后将导航栏固定到顶部。我想导航栏是固定后的登录页滚动。是否可以检测滚动中的类,然后将其固定在类1之后

$(窗口)。滚动(函数(){
var sticky=$('nav'),
scroll=$(窗口).scrollTop();
如果(滚动>=100)sticky.addClass('fixed');
else sticky.removeClass('fixed');
});
html,正文{高度:100%;}
.1、.2、.3{最小高度:100%;}
导航{背景:绿色;}
.固定{
背景:红色;
位置:固定;
顶部:0;左侧:0;
宽度:100%;}

导航栏
1.
2.
3.

如果您不介意为此使用插件,以下是您的解决方案

Sticky是一个jQuery插件,它使您能够 使页面上的任何元素始终可见