我的navbar被设置为固定,但每次我按下例如home,它不会滚动到最顶部,站点只是稍微低于你可以滚动到顶部的最大值,这使我的H1蜜蜂部分被我的navbar覆盖。
>
我已经尝试用不同的最小高度来达到更好的效果,目前它的设置为85%
<!-- Header -->
<header>
<div id="logo">
<img src="img/111.jpg"="Kurzwarenmobil">
</div>
<nav>
<ul>
<a href="#home"><li>home</li></a>
<a href="#about"><li>Über mich</li></a>
<a href="#DasKurzwarenmobil"><li>Das Kurzwarenmobil</li></a>
<a href="#Kontakt"><li>Kontakt</li></a>
</ul>
</nav>
null
null
html,正文{边距:0;填充:0;高度:100%;文本对齐:中心;}节{min-height:85%}a{text-decoration:none;}li{list-style-type:none;}
header{Width:100%;Height:65px;Position:Fixed;Top:0;Left:0;
Background:#FEFCFB;Box-Shadow:0 1px 3px rgba(0,0,0,0.1);Z-Index:1;}
宽度:140px;浮动:左侧;边距:10px 0 0-10px}
背景:url(../img/landing.jpg);背景-位置:中心中心;背景-尺寸:封面;背景-附件:固定;}
边距:62px自动0自动;font-size:110px}
余量:50自动0自动;字体大小:25px;
}
宽度:32px;边距-顶部:150px;不透明度:0.7;}
不透明度:1;}
我想让我的导航栏导航到站点最顶部的部分,这意味着没有更多的空间滚动到顶部。现在当我点击导航栏上的“主页”时,我的H1的一半都被导航栏覆盖了,因为它没有滚动到足够的位置