Javascript 如何将活动类添加到所选列表项

您好，我正在尝试将类添加到SelectedAllist项中&如果我滚动到特定的div，也会添加类。例如，菜单中的scroll on div#six number six（6）也应该激活类

[在此处查看我的代码和演示][1]

  [1]: https://codepen.io/GoPerov/pen/aZmVgE

---

试试这段代码，这是你的更新

---

试试这段代码，这是你的更新

---

更新你的代码如下

您需要使用滚动位置手动检查当前处于活动状态的

div

$（文档）.ready（函数（）{
$（“.page scroll”）。单击（函数（）{
$（“.page scroll”）.removeClass（“活动”）；//删除当前活动类
$（this）.addClass（“活动”）；//将活动类添加到特定的单击
});
});
$（窗口）。滚动（函数（）{
var selectedDiv=$（“.页面滚动：第一”）；
var-topOffset=1；
var windowTop=$（window.scrollTop（）；
$（“.page scroll”）.each（函数（）{
var id=$（this.attr（“href”）；
var offset=（$（id）.offset（）||{
排名：0
}).顶部-窗口顶部；
if（偏移量<1&（topOffset==1 | |偏移量>topOffset））{
topOffset=偏移量；
selectedDiv=$（此项）；
}
});
如果（！selectedDiv.hasClass（“活动”））{
$（“.page scroll”）.removeClass（“活动”）；
selectedDiv.addClass（“活动”）；
}
});

如下更新您的代码

您需要使用滚动位置手动检查当前处于活动状态的

div

$（文档）.ready（函数（）{
$（“.page scroll”）。单击（函数（）{
$（“.page scroll”）.removeClass（“活动”）；//删除当前活动类
$（this）.addClass（“活动”）；//将活动类添加到特定的单击
});
});
$（窗口）。滚动（函数（）{
var selectedDiv=$（“.页面滚动：第一”）；
var-topOffset=1；
var windowTop=$（window.scrollTop（）；
$（“.page scroll”）.each（函数（）{
var id=$（this.attr（“href”）；
var offset=（$（id）.offset（）||{
排名：0
}).顶部-窗口顶部；
if（偏移量<1&（topOffset==1 | |偏移量>topOffset））{
topOffset=偏移量；
selectedDiv=$（此项）；
}
});
如果（！selectedDiv.hasClass（“活动”））{
$（“.page scroll”）.removeClass（“活动”）；
selectedDiv.addClass（“活动”）；
}
});

请将代码添加到您的问题中。请将代码添加到您的问题中。谢谢，这很有效。我还需要激活菜单，每次我滚动到特定的div像这个感谢这工作。我还需要激活菜单，每次我滚动到特定的div像这个

$(document).ready(function(){
  $(".page-scroll").click(function(){
     $(".page-scroll").removeClass("active");  //removes current active class      
    $(this).addClass("active");   // adds active class to specific click
  })
});

$(document).ready(function() {
  $(".page-scroll").click(function() {
    $(".page-scroll").removeClass("active"); //removes current active class
    $(this).addClass("active"); // adds active class to specific click
  });
});

$(window).scroll(function() {
  var selectedDiv = $(".page-scroll:first");
  var topOffset = 1;
  var windowTop = $(window).scrollTop();

  $(".page-scroll").each(function() {
    var id = $(this).attr("href");
    var offset = ($(id).offset() || {
      top: 0
    }).top - windowTop;
    if (offset < 1 && (topOffset == 1 || offset > topOffset)) {
      topOffset = offset;
      selectedDiv = $(this);
    }
  });

  if (!selectedDiv.hasClass("active")) {
    $(".page-scroll").removeClass("active");
    selectedDiv.addClass("active");
  }
});