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

当在页面上和页面外都有链接时，使用Scrollspy可以实现页面滚动时自动高亮相应链接的功能。Scrollspy是一个JavaScript插件，它通过监控页面的滚动位置来动态更新导航栏链接的样式。

要使用Scrollspy，首先需要在HTML页面中包含Scrollspy插件的脚本文件，例如：

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

然后，在相应的导航栏链接中添加data-scrollspy属性，该属性的值为对应目标元素的选择器。例如：

<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>

接下来，需要在页面加载完成后初始化Scrollspy插件。可以通过JavaScript代码实现初始化，例如：

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

在上述代码中，.navbar-nav是导航栏的选择器，offset是一个可选的参数，用于设置滚动偏移量，即页面滚动到目标位置后，距离顶部的偏移量。

最后，需要为页面的目标元素添加对应的id，并且与导航栏链接中的href属性值保持一致。例如：

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

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

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

这样，当页面滚动时，Scrollspy插件会自动检测当前滚动位置，并高亮显示与该位置对应的导航栏链接。

推荐的腾讯云相关产品：无相关产品与Scrollspy直接关联。

希望以上内容能够帮助到您，如果有任何疑问，请随时提问。