javascript - 当视图中没有定义的元素时删除类

Question

我已将 Menuspy.js 添加到我的代码中，一切似乎都运行良好。但是，当视图中没有缓存元素时，最后一个活动元素保持活动状态。一旦出现这种情况，我想删除这个active类（另外，我真的很想使用 vanilla JS，所以我不是在寻找 jquery 替代品）。我试图检查元素高度并在它超过该位置时返回，但到目前为止我还没有找到成功让它工作的方法。

这是一个运行 menuspy 代码的 JSFiddle：https ://jsfiddle.net/horbp9cq/17/

我在此示例中添加了第 4 部分，而将其保留在导航栏中。您将看到第 3 部分仍然突出显示。

希望有人可以帮助我！

标签： javascriptnavbar

Answer 1

看起来这个 plagin 不能处理像你这样的情况。作为一种解决方法，您可以添加

<li style="display:none"><a href="#section-4">Section 4</a></li>

到您的主标题菜单