将锚链接目标设置为在视图中

Question

我有标题html元素，其位置固定为top: 0并设置为height:120px;

我已将margin-top: 120px添加到预告片。

我的菜单中包含指向同一页面中项目的链接。当用户点击链接时，我在将这些链接位置置于精确视图中时遇到问题。

链接位置的一半隐藏在标题下，另一半对用户可见，而且看不到。

文档的结构如下所示;

<header>
  <div class="logoContainer">
  </div>
  <div class="navMenu">
    <a href="#featureList">Features</a>
    <a href="#team">Features</a>
  </div>
</header>
<div class="teaser" id="teaserID">
</div>
<div class="features" id="featureList">
</div>
<div id="team">
</div>