Javascript Jquery滚动导航可以'；t检测当前部分

我制作了一个包含几个div和类内容的页面

<div class="content" id="content-0">content 1</div>
<div class="content" id="content-1">content 2</div>
<div class="content" id="content-2">content 3</div>
<div class="content" id="content-3">content 4</div>
<div class="content" id="content-4">content 5</div>

内容1
内容2
内容3
内容4
内容5

我还做了两个链接，在下一个和上一个div之间切换

<div class="nav">
    <a id="prev" href="#">previous</a>
    <a id="next" href="#">next</a>
</div>

我使用TwinMax和ScrollTo插件在div之间导航

var section = 0;
    var number = $('.content').length;
        $("#next").click(function(e){
          e.preventDefault();

          if(section < number){
            section++;
          }
          TweenMax.to(window, 0.5, {scrollTo:{y:$("#content-" +    section).offset().top}});
        });

        $("#prev").click(function(e){
          e.preventDefault();
          if(section > 0){
            section--;
            TweenMax.to(window, 0.5, {scrollTo:{y:$("#content-" + section).offset().top}});
          }

        }); 

var段=0；
变量编号=$（'.content'）.length；
$（“#下一步”）。单击（函数（e）{
e、 预防默认值（）；
if（截面<编号）{
第++；
}
TweenMax.to（window，0.5，{scrollTo:{y:$（“#content-”+section）.offset（）.top}）；
});
$（“#prev”）。单击（函数（e）{
e、 预防默认值（）；
如果（节>0）{
第节--；
TweenMax.to（window，0.5，{scrollTo:{y:$（“#content-”+section）.offset（）.top}）；
}
}); 

这是一个

问题是：

当我用鼠标滚动到最后一个部分，然后单击下一个按钮时，页面会滚动回第二个部分

---

如何检测当前div，以便“下一步”按钮正确转到下一个div？

此问题的公认答案可能会帮助您：

检查元素是否在页面上后，可以设置section=元素编号