Html 视差导航菜单

这是基于此问题的问题：

所以我能够显示菜单的标题，但是我想知道，当这个人在特定的标题部分时，我是否可以改变css来改变菜单

目前在上一个问题的示例中，它有一种颜色（蓝色）。我想让它对圆圈产生透明效果，或者换成不同的颜色，让他们知道自己在网页的特定部分

---

谢谢

您可以使用jQuery滚动功能来检测您的某个部分何时在视图中，如下所示

var thisScroll = 0, lastScroll = 0;
$(window).scroll(function(){
  //Detect your current scroll position
  thisScroll = $(window).scrollTop();

  //Loop through each article
  $('#content article').each(function(){

    //Get the element's distance from top of the viewport, including scroll
    var myPos = $(this).offset().top - thisScroll;

    //Scrolling down
    if(thisScroll > lastScroll){
      if(myPos > 0 && myPos < $(window).height()){
        console.log($(this).attr('id'));
      }
    }
    //Scrolling up
    else{
      if(myPos > -$(window).height() && myPos < 0){
        console.log($(this).attr('id'));
      }
    }

  });

  //If lastScroll is higher than thisScroll, the user must have scrolled up
  lastScroll = thisScroll;
});

var thiscroll=0，lastcroll=0；
$（窗口）。滚动（函数（）{
//检测您当前的滚动位置
thisScroll=$（窗口）.scrollTop（）；
//循环阅读每一篇文章
$（“#内容文章”）。每个（函数（）{
//获取元素与视口顶部的距离，包括滚动
var myPos=$（this）.offset（）.top-thisScroll；
//向下滚动
如果（thisScroll>lastScroll）{
如果（myPos>0&&myPos<$（窗口）.height（））{
console.log（$（this.attr（'id'））；
}
}
//向上滚动
否则{
如果（myPos>-$（窗口）.height（）&&myPos<0）{
console.log（$（this.attr（'id'））；
}
}
});
//如果lastScroll高于thisScroll，则用户必须已向上滚动
lastScroll=thisScroll；
});

---

滚动功能只是检查元素是否在向下滚动的视口中（在0和屏幕高度之间）。如果向上滚动，则会翻转比较，因为偏移量是从元素顶部计算出来的，因此您要查找视口高度介于0和负值之间的值。让我知道这是否有意义

要根据您的滚动位置进行更改，您需要使用JavaScript——jQuery回答可以吗？可以！很好！嗯，这是有道理的，但我有点困惑，我应该放什么来检查循环，因为目前我用不同的id设置每个部分，我应该把它们全部打包并放在一个完整的id中吗？只要这是你使用文章的唯一地方，你就应该使用文章作为你的选择器。如果没有，我建议为每篇文章添加一个类，您可以将其用作选择器以防止任何冲突。您也可以将文章[id]用作选择器（逐字），这将只针对指定了id的文章。谢谢！谢谢你！啊。我的名声不足以投票。。我很抱歉；；一旦我获得了合适的声誉，我就会投票