Html 固定中间导航栏

我想建立一个个人网站的例子

正文{
背景色：rgba（0,0,0,0.123）；
保证金：0；
}
wraper先生{
显示：网格；
网格模板行：重复（4,1fr）；
}
.box1{
顺序：1；
高度：100vh；
显示：网格；
网格模板行：10%60%15%15%；
边框：1px黑色实心；
栅隙：10px；
背景图片：url（“b.jpg”）；
背景重复：无重复；
背景位置：中心；
背景尺寸：210vh 200vh；
}
.box1>div{
}
.标志{
}
.logo>img{
高度：30px；
宽度：30px；
}
.更改单词{
字体大小：50px；
文本对齐：居中；
填充：13%；
颜色：白色；
}
.写下来{
字体大小：30px；
文本对齐：居中；
填充：5%；
颜色：白色；
}
.向下箭头{
宽度：30px；
高度：30px；
边框：纯白；
边框宽度：0 3px 3px 0；
显示：内联块；
填充：3倍；
变换：旋转（45度）；
-webkit变换：旋转（45度）；
}
.箭头1{
文本对齐：居中；
垫底：20px；
}
.box2{
顺序：2；
显示：块；
位置：粘性；
z指数：1；
}
.box：：之前{
}
.box3{
顺序：3；
}
.box4{
顺序：4；
}
标题{
背景色：rgba（70127165,0.123）；
边界半径：10px；
}
.navbar{
高度：75px；
保证金：0；
显示器：flex；
证明内容：柔性端；
填充：10px；
对齐项目：柔性端；
}
纳瓦尔先生{
文字装饰：无；
字体系列：坎布里亚，科钦，佐治亚州，泰晤士报，“泰晤士报新罗马”，衬线；
字体大小：25px；
文本对齐：居中；
边缘：1米；
}
.导航栏a:悬停{
背景颜色：矢车菊蓝；
边框：矢车菊蓝细0,1px；
边界半径：10px；
}
在…之后{
内容：“追随你的梦想”；
动画：textanim 10s线性无限；
}
@关键帧textanim{
25%{
内容：“永远不会太迟”；
}
50%{
内容：“你也能做到”
}
75%{
内容：“你，我在和你说话”
}
}

迟到者
喂，这边
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。全方位的自由放任减去暂时性的不动产，特别是在illum impedit的自由放任地点，以及自由的智慧。

查看我的示例。我让导航条可以移动。您的导航栏将只在div“box2”中移动，因为这是因为您站点的当前结构。为了使导航栏在整个站点中移动，您需要将导航栏移到div“box2”之外

正文{
背景色：rgba（0,0,0,0.123）；
保证金：0；
}
wraper先生{
显示：网格；
网格模板行：重复（4,1fr）；
}
.box1{
顺序：1；
高度：100vh；
显示：网格；
网格模板行：10%60%15%15%；
边框：1px黑色实心；
栅隙：10px；
背景图片：url（“b.jpg”）；
背景重复：无重复；
背景位置：中心；
背景尺寸：210vh 200vh；
}
.box1>div{
}
.标志{
}
.logo>img{
高度：30px；
宽度：30px；
}
.更改单词{
字体大小：50px；
文本对齐：居中；
填充：13%；
颜色：白色；
}
.写下来{
字体大小：30px；
文本对齐：居中；
填充：5%；
颜色：白色；
}
.向下箭头{
宽度：30px；
高度：30px；
边框：纯白；
边框宽度：0 3px 3px 0；
显示：内联块；
填充：3倍；
变换：旋转（45度）；
-webkit变换：旋转（45度）；
}
.箭头1{
文本对齐：居中；
垫底：20px；
}
.box2{
顺序：2；
显示：块；
位置：粘性；
z指数：1；
}
.box：：之前{
}
.box3{
顺序：3；
}
.box4{
顺序：4；
}
标题{
背景色：rgba（70127165,0.123）；
边界半径：10px；
}
.navbar{
位置：粘性；
排名：0；
高度：75px；
保证金：0；
显示器：flex；
证明内容：柔性端；
填充：10px；
对齐项目：柔性端；
}
纳瓦尔先生{
文字装饰：无；
字体系列：坎布里亚，科钦，佐治亚州，泰晤士报，“泰晤士报新罗马”，衬线；
字体大小：25px；
文本对齐：居中；
边缘：1米；
}
.导航栏a:悬停{
背景颜色：矢车菊蓝；
边框：矢车菊蓝细0,1px；
边界半径：10px；
}
在…之后{
内容：“追随你的梦想”；
动画：textanim 10s线性无限；
}
@关键帧textanim{
25%{
内容：“永远不会太迟”；
}
50%{
内容：“你也能做到”
}
75%{
内容：“你，我在和你说话”
}
}

迟到者
喂，这边
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。全方位的自由放任减去暂时性的不动产，特别是在illum impedit的自由放任地点，以及自由的智慧。

是否希望.navbar在整个站点中移动？是的，我想在通过该部分后在整个站点中移动。为什么这个

位置：没有
top
命令，sticky

命令不起作用？@Latecoder，当对象移动时，

top

参数用于调整屏幕顶部的缩进。例如，如果设置

top:10px

，则当移动对象时，对象将从屏幕顶部后退10个像素。