当我在页面上和页面外都有链接时，如何使用Scrollspy？

<script src="scrollspy.js"></script>

<ul class="navbar-nav">
  <li class="nav-item">
    <a class="nav-link" href="#section1" data-scrollspy="#section1">Section 1</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#section2" data-scrollspy="#section2">Section 2</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#section3" data-scrollspy="#section3">Section 3</a>
  </li>
</ul>

document.addEventListener("DOMContentLoaded", function() {
  new ScrollSpy('.navbar-nav', {
    offset: 70 // 可选，设置滚动偏移量
  });
});

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

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

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