侧导航锚定导航不起作用

Question

page with slide overlay side navigation bar

我设计了一个右侧有侧导航栏的网站，如附图所示。 HTML代码：

<ul class="submenu">
      <li><a href="#ourpurpose">Purpose</a></li>
      <li><a href="#vision2030">Vision 2030</a></li>

同样如左侧的主体所示，还有另外3个<section>个部分作为样本，其中包含标题段落。 代码：

    <div class="left" id="ourpurpose">
              <ul class="grid">
                <li class="col-6-12 left cell-32">
                  <h1 class="title">Our Purpose<h1>
                  <p>...</p>
...

当导航处于活动状态时，身体会在单独的图层上缩小。因此锚点<a>无法正常工作，我需要一种方法让导航栏中的每个标题点按即可关于<h1>在身体中哪个部分的指定标题。