web页面滑动到指定内容内容对应的导航链接高亮

要实现这个功能，你可以使用JavaScript来监测页面滚动事件，并根据滚动的位置来确定当前应该高亮哪个导航链接。

首先，你可以给每个导航链接添加一个对应的锚点，例如：

<nav>
  <ul>
    <li><a href="#section1">Section 1</a></li>
    <li><a href="#section2">Section 2</a></li>
    <li><a href="#section3">Section 3</a></li>
  </ul>
</nav>

<section id="section1">
  <!-- Section 1 content -->
</section>

<section id="section2">
  <!-- Section 2 content -->
</section>

<section id="section3">
  <!-- Section 3 content -->
</section>

接下来，你可以使用JavaScript来处理滚动事件，并根据滚动的位置来确定当前应该高亮哪个导航链接。以下是一个简单的示例代码：

window.addEventListener('scroll', function() {
  var sections = document.querySelectorAll('section');
  var navLinks = document.querySelectorAll('nav a');
  var currentSection = '';

  sections.forEach(function(section) {
    var sectionTop = section.offsetTop;
    var sectionHeight = section.clientHeight;

    if (pageYOffset >= sectionTop - sectionHeight / 3) {
      currentSection = section.getAttribute('id');
    }
  });

  navLinks.forEach(function(link) {
    link.classList.remove('active');
    if (link.getAttribute('href') === '#' + currentSection) {
      link.classList.add('active');
    }
  });
});

在上面的代码中，我们首先通过querySelectorAll获取到所有的section元素和导航链接元素。然后，我们使用forEach循环遍历每个section元素，计算每个section距离页面顶部的位置和高度。如果页面滚动的位置超过了section顶部位置的1/3，我们将当前section的id赋值给currentSection变量。

接下来，我们再次使用forEach循环遍历每个导航链接元素，移除所有链接的active类名，并将active类名添加到与当前section对应的导航链接上。

最后，你可以通过CSS样式来定义active类名的样式，以突出显示当前高亮的导航链接：

nav a.active {
  color: red;
  /* 添加其他样式 */
}

这样，当页面滚动到某个section时，对应的导航链接就会高亮显示