Javascript 在窗口的特定区域内更改导航样式

我正在创建一个网站，该网站的导航固定在窗口顶部，网站的所有内容都在一个页面上。当您向下移动窗口时，它会被拆分为多个部分，或者如果您单击导航按钮，它会将您滚动到页面上的该点（垂直）

我试图实现的是，当用户位于窗口的该部分时，使用jQuery（如果可能的话）将导航更改为“活动”样式/类

有人知道我会怎么做吗

网站的每个部分都包含在它自己的div中，有自己的id，所以也许可以使用它做一些事情，或者如果屏幕顶部在窗口高度的某个像素范围内，我可以这样做吗

---

如果有人能给我指出正确的方向那就太好了，谢谢J.

你可以使用一个inview插件，当某个元素被滚动到 窗户

---

Twitter bootstrap有这个功能，使用“感谢”功能，效果很好，只需要一点tweeking abd就可以了。