1

我正在使用这个小 jQuery 插件，以便平滑滚动到页面上的特定位置并标记当前活动的菜单项，因此当您向下滚动时，您会看到您在菜单中的位置。

现在我基本上有与 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>

然后我有不同的部分/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>

现在真正奇怪的是，滚动导航栏工作正常，所以如果我点击联系人，例如，它会滚动到正确的位置。但是当我滚动自己时，会标记错误的项目，总是落后一个，所以如果我在上面，那么会标记“功能”，如果我真的滚动到了功能，那么会标记成本，等等上...

您可以在这里看到这一点。

请忽略没有出现图标、拼写错误或其他任何错误，我只是在测试或刚刚开始开发。在那里，您可以完美地检查行为，还可以检查id似乎完全适合的部分/div 的 s（否则，滚动导航栏不应该工作）。

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

4

0 回答 0