Question

我正在使用waypoint.js检测某些<div>何时滚动过去，更改导航类的时间。这是我的HTML：

<div class="section" id="section1">
  Some text
</div>
<div class="section" id="section1">
  More text
</div>

<ul id="nav">
  <li><a href="#" id="trigger1">Go to section 1</a></li>
  <li><a href="#" id="trigger2">Go to section 2</a></li>
</ul>

这是jQuery：

$('.section').waypoint(function(){

    var id = $(this).attr('id').replace('section','');
    $('ul#nav li a').removeClass('current');
    $('#trigger'+id).addClass('current');

});

这可以向上和向上滚动，除了当我向后滚动到顶部时，第二个菜单项仍然突出显示（仍然有current类），而返回顶部应该突出显示第一个菜单项。我有什么想法吗？

感谢。

Answer 1

你有两次id =“section1” 也许这会导致问题？

jQuery waypoint没有在第一项上触发

1 个答案: