Html div未正确定位

当页面加载时，我希望导航栏位于窗口的底部（但滚动时它会粘在顶部，所以我无法固定它的位置）。我唯一能想到的是将背景div的高度设为100vh减去导航栏的高度，但这会产生奇怪的白色填充，而不是将导航调高

另外，如何在.navigation（以及.tester）中垂直居中元素？徽标必须位于左侧，而导航必须位于右侧

代码如下：

html，正文{
最小宽度：320px；
最小高度：320px；
保证金：0；
字体系列：“Lato”，无衬线；
文本对齐：居中；
}
h1{
边际上限：0；
字体大小：68px；
字体大小：粗体；
}
.标题包装{
背景图片：url（“images/backgrounds/typography.jpg”）；
背景尺寸：封面；
背景位置：中心；
最小高度：计算（100vh-6em-100px）；
文本对齐：居中；
垫面：6em；
保证金：0自动；
位置：相对位置；
}
.测试员{
位置：绝对位置；
宽度：100%；
显示器：flex；
底部：50px；
保证金：自动；
对齐项目：居中；
证明内容：中心；
}
.测试仪a{
左边距：1米；
右边距：1米；
不透明度：0.75；
}
.测试仪a：悬停{
不透明度：1；
}
.滑块按钮{
位置：绝对位置；
最大宽度：1170px；
}
1.印刷术{
底部：100px；
左：自动；
}
.导航{
最大宽度：1170px；
保证金：0自动；
高度：94px；
背景色：白色；
底部：0；
}
导航{
浮动：对；
文本转换：大写；
}
导航a{
文字装饰：无；
颜色：#626262；
填充：40px 20px 40px 20px；
保证金：0；
}
导航主页：悬停，#菜单2:悬停，#菜单3:悬停，#菜单4:悬停，#菜单5:悬停{
颜色：白色；
}
导航主页：悬停{
背景色：#dfbb42；
}
导航菜单2：悬停{
背景色：#c43434；
}
导航菜单3：悬停{
背景色：#508b61；
}
导航菜单4：悬停{
背景色：#428d9e；
}
导航菜单5：悬停{
背景色：#575fbd；
}
#标志{
浮动：左；
左边距：30px；
}

随机标题
Lorem ipsum sit dolor amet

我想这只能用JS来完成，所以你可以根据窗口偏移量来改变导航位置。

你最好使用jquery在页面加载时首先隐藏导航栏，并在用户向下滚动页面时显示导航栏。 以下是一个例子：

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
$（'#navbar'）.fadeIn（“慢”）；
setTimeout（函数（）{
如果（$（window）.scrollTop（）@Tomasz这就是你想要的！！