单击导航栏链接后，页眉封面图像高度会缩短

Question

header {
  width: 100%;
  min-height: 100vh;
  color: black;
  background-image: url('../../files/header-image.jpg');
  background-size: 100%;
  position: relative;
}

.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  height: 60px;
  overflow: hidden;
  font-family: $base-font;
}

我为标题设置了封面图片，高度为100vh。 Navbar位于标题内但固定位置。当我点击某些导航栏链接时，它会指向页面上的其他部分（这是一个页面的网站），当我向后滚动时，我的封面图像缩短了60px（导航栏的高度）。为什么会这样？