Javascript 如何根据网页的部分制作自动导航栏？

我遇到两种情况，当我滚动到某个部分时，导航栏项目会自动选择。我如何做到这一点？我正在寻找一个解决方案，它是最新的2018年和尽可能简单（香草JS或没有额外的JS使用引导）。我找到了几篇关于使用jquery来实现这一点的帖子，但看起来交叉点观察者是一个更好的方法

一个例子是，另一个是

让我们假设我有以下html

文件

获取动态导航链接。创建一个表并添加四个冒号，一个用于显示每个名称，第二个用于显示链接（url），第三个用于显示图标（fa-x），第四个用于按顺序显示排名

1.左链接标题 2.左链接url 3.图标（显示图标或图像例如：fa-x） 4.排名（按顺序排列）

在数据库表中插入这些字段，并在导航栏中循环结果

您还可以将此链接分配给用户，这样您就可以限制对用户的访问*

多谢各位

其中，当我滚动到某个部分时，导航栏项目会自动选择。我如何做到这一点

该组件在引导程序4中称为“scrollspy”

从文档中：

根据滚动位置自动更新引导导航或列表组组件，以指示视口中当前处于活动状态的链接

参考：