Jquery 将导航栏定位在视口的底部，该视口也始终保持在div的底部
有3个分区，第一个分区有一个徽标，第二个分区有一个滑块，第三个分区是导航，我希望我的导航分区固定在视口的底部，当它到达顶部时会变粘。我用这段代码实现了这一点Jquery 将导航栏定位在视口的底部，该视口也始终保持在div的底部,jquery,html,css,responsive-design,Jquery,Html,Css,Responsive Design,有3个分区，第一个分区有一个徽标，第二个分区有一个滑块，第三个分区是导航，我希望我的导航分区固定在视口的底部，当它到达顶部时会变粘。我用这段代码实现了这一点 nav{ position:absolute; width:100%; height: 56px; background-color:#ffffff; bottom:0px; display:block; border-bottom: 1px solid #ededed; background: #FFF; font-family: 'Ci
nav{
position:absolute;
width:100%;
height: 56px;
background-color:#ffffff;
bottom:0px;
display:block;
border-bottom: 1px solid #ededed;
background: #FFF;
font-family: 'Cinzel', serif;
font-weight:600;
font-size: 10px;
line-height: 1.5;
letter-spacing: 2px;
}
#顶栏{
显示：块；
位置：固定；
宽度：100%；
高度：30px；
颜色：#fff；
背景色：#073860；
顶部：0px；
显示：块；
}
#头{
背景色：#ededed；
高度：500px；
}
#标志{
字体系列：“lainiedayshregular”；
显示：块；
高度：134px；
文本对齐：居中；
保证金：29px 0px 0px；
填充：20px 20px 5px；
字号：3em；
}
#标志a{
位置：相对位置；
高度：109px；
宽度：377px；
文字装饰：无；
颜色：#073860；
字号：2em；
}
导航{
位置：绝对位置；
宽度：100%；
高度：56px；
背景色：#ffffff；
底部：0px；
显示：块；
边框底部：1px实心#ededed；
背景：#FFF；
字体系列：“Cinzel”，衬线；
字号：600；
字体大小：10px；
线高：1.5；
字母间距：2px；
}
李国荣{
显示：内联；
文字装饰：无；
}
海军ulli a{
文字装饰：无；
文本转换：大写；
颜色：#073860；
大纲：0px无；
}
.菜单{
左：0px；
宽度：100%；
高度：56px；
位置：粘性；
顶部：30px；
}
.navbarlogo{
字体系列：“lainiedayshregular”；
颜色：#073860；
}
#试验{
高度：1000px；
背景色：#fafbf9；
}
#页脚{
边框顶部：1px实心#EDEDED；
背景色：#FFF；
高度：37像素；
z指数：3；
底部：-35px；
过渡：底部0.6秒缓进0秒缓出0秒；
}
标题在这里
页脚测试
$（document）.scrollTop（）