我已经添加了Menuspy.js到我的代码，一切似乎工作完美。但是，当视图中没有缓存元素时，最后一个活动元素保持活动状态。我想删除这个active类一旦是这样的情况下(另外，我真的想使用香草JS，所以我不寻找一个jquery替代品)。我试着检查元素的高度，如果它超过了那个位置，就返回，但到目前为止，我还没有找到一种方法来成功地让它工作。
下面是运行菜单代码的JSFiddle: https://jsfiddle.net/horbp9cq/17/
我在这个例子中添加了第4个部分，同时把它留在导航栏中。您将看到第3节仍然高亮显示。
希望有人能帮助我!
看起来这个插件不能处理像你这样的情况。作为变通方法，你可以添加
<li style="display:none"><a href="#section-4">Section 4</a></li>
到主标题菜单