Question

我正在使用this小jQuery-Plugin，以便能够平滑滚动到页面上的特定位置并标记当前活动的菜单项，因此当您向下滚动时，您会看到在哪里在菜单中。

现在我基本上拥有与GitHub页面上完全相同的代码（至少我找不到区别），但是它不起作用，尽管在原始模板（我正在使用）上它可以工作，所以插件本身似乎运行良好，但似乎找不到问题。

基本上我有菜单：

<div class="collapse navbar-collapse" id="main-navbar">
  <ul class="navbar-nav mr-auto w-100 justify-content-end clearfix">
    <li class="nav-item active"><a class="nav-link" href="#sliders"> Home </a></li>
    <li class="nav-item"><a class="nav-link" href="#feature"> Features </a></li>
    <li class="nav-item"><a class="nav-link" href="#pricing"> Kosten </a></li>
    <li class="nav-item"><a class="nav-link" href="#contact"> Kontakt </a></li>
  </ul>
</div>

然后我有不同的section / div，就像这样：

<div id="sliders">
  <div class="full-width">
    <!-- light slider -->
    <div id="light-slider" class="carousel slide"><div id="carousel-area">//some content</div></div>
  </div>
</div>

现在真正奇怪的是，在导航栏上滚动可以正常工作，因此，例如，如果我单击“联系人”，它将滚动到正确的位置。但是当我滚动自己时，然后标记了错误的项目，它总是落后于后面，因此，如果我在顶部，则标记为“功能”，如果我实际滚动到这些功能，则将标记成本，依此类推上...

您可以在运行中here看到它。

请忽略由于没有出现图标，错别字或其他任何错误，我正在测试或刚刚开始开发。在那儿，您可以完美地检查行为，还可以检查似乎完全适合的section / div的id（否则，滚动导航栏不起作用）。

任何人都可以告诉这个问题吗？我不明白...

jQuery一页导航标记错误的菜单项

0 个答案: