html - 如何修复我的布局，以便我的导航栏在链接到所需部分后不隐藏某些内容

Question

我的导航栏设置为固定的，但每次我按例如主页，它不会滚动到最顶部，该站点仅略低于您可以滚动到顶部的最大值，这使得我的 H1 蜂鸣部分被我的导航栏覆盖。

• 我已经为我的导航栏尝试了不同的设置，比如静态等。
• 我曾尝试更改导航栏的内边距，但也无济于事。

• 我试图通过不同的部分最小高度来获得更好的结果，目前它设置为 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>
  

  Kurzwarenmobil

  H.S.施奈德贝达尔夫

  html, 正文{边距: 0;填充:0；高度:100%；文本对齐:居中；} 部分 { 最小高度:85%} 一个 {text-decoration: none;} li {list-style-type: none;}

  标题{ 宽度:100%；高度:65px；位置:固定；顶部:0；左:0；
  背景:#FEFCFB；盒子阴影:0 1px 3px rgba(0, 0, 0, 0.1) ; z-索引: 1;

  标志{

  宽度:140px； 向左飘浮; 边距:10px 0 0 -10px

  首页{

  背景:url(../img/landing.jpg); 背景位置:中心中心； 背景尺寸:封面； 背景附件:已修复；

  主页 h1 {

  边距:62px 自动 0 自动； 字体大小:110px

  主页 h2 {

  margin :50 自动 0 自动； 字体大小:25px；

  首页图片{

  宽度:32px； 上边距:150px； 不透明度:0.7；

  主页 img:hover {

  不透明度:1；

  首页{最小高度:100%}

我希望我的导航栏导航到网站的最顶部，这意味着没有更多空间可以滚动到顶部。现在当我点击导航栏上的“主页”时，我的 H1 的一半被导航栏覆盖，因为它没有向上滚动足够多

Answer 1

欢迎使用 Stackoverflow Burak 👋 请尝试链接到 <a href="#logo"> ，以便它滚动到 Logo - 我认为它应该可以解决您的问题，但如果没有，请注意包含指向 http://jsfiddle.net 的链接您可以在其中共享您的代码并可视化问题