我已经制作了一个网站，所有内容都在一个页面上。我有一个固定的标题/导航栏，其链接向下滚动到不同的部分。我正在寻找一种方法来更改您所在部分的链接的样式，方法是.selected向适当的链接添加一个类，但我不知道如何让 jQuery 识别当前显示在屏幕。
我找到了一个名为 espy ( https://github.com/Darsain/espy ) 的插件，我认为它可以解决问题，但它对我来说有点太高级了。有没有更简单的方法来做到这一点？
我在开发方面还很陌生，所以我希望我已经明确了我在寻找什么。
看看这个插件（jQuery 的视口选择器）。
它添加了可用于匹配某些元素的伪选择器。这些是：
$(":in-viewport")
$(":below-the-fold")
$(":above-the-top")
$(":left-of-screen")
$(":right-of-screen")
你会想要:below-the-fold和:above-the-top。
这个插件应该告诉你元素是否在视口中。
http://imakewebthings.com/jquery-waypoints/
使用 Waypoint 最简单的方法是调用 .waypoint 并传入一个函数。
$('#example-basic').waypoint(function() {
notify('Basic example callback triggered.');
});
#example-basic每当顶部到达视口的顶部时，此示例都会引发通知。当您向上滚动和向下滚动都通过这一点时，回调会触发。
这是youtube上的视差教程：
我发现通过视频学习复杂的技术让我更容易掌握。
另外，我在这里发现这篇文章可能会更清楚地说明这个主题：
希望它能给你一些见解。