Javascript 当滚动并单击页面时，如何在jQuery中添加类？

我正在尝试创建一个HTML网站，当页面被滚动时，JavaScript/jQuery将根据查看的部分应用/删除

a

链接中的类名

我已经做到了这一点。当点击

a

时，它将转到页面的该部分，但问题是除非页面滚动，否则它不会将类名应用于该

a

如果需要，请要求更多的澄清

-编辑：滚动部分工作，但尝试单击链接。它会更改（突出显示）部分类，但不是全部类-

非常感谢，非常感谢您的帮助

代码（我建议以全屏/整页方式打开）：

身体{
字体系列：“Lato”，无衬线；
}
.侧边栏{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：#111；
溢出x：隐藏；
过渡：0.5s；
填充顶部：60px；
}
.侧边栏a{
填充：8px 8px 8px 32px；
文字装饰：无；
字体大小：25px；
颜色：#818181；
显示：块；
过渡：0.3s；
}
.侧边栏a：悬停{
颜色：#f1f1；
}
.侧边栏.关闭{
位置：绝对位置；
排名：0；
右：25px；
字体大小：36px；
左边距：50像素；
}
.openbtn{
字体大小：20px；
光标：指针；
背景色：#111；
颜色：白色；
填充：10px 15px；
边界：无；
}
.openbtn:悬停{
背景色：#444；
}
#主要{
过渡：左边距。5s；
填充：16px；
}
/*在高度小于450px的较小屏幕上，更改sidenav的样式（更少的填充和更小的字体大小）*/
@媒体屏幕和屏幕（最大高度：450像素）{
.侧边栏{
填充顶部：15px；
}
.侧边栏a{
字号：18px；
}
}
.主动{
背景色：红色；
}
☰  打开边栏
家
折叠边栏
Lorem ipsum dolor sit amet，是一位杰出的献身者。整数nec odio。自由女神。这是一个直径较大的曲线。塞德·尼西。nibh elementum的Nullaquis sem。同侧矢状肌。普拉森特·莫里斯。这是一个很好的例子
波尔塔。毛里斯·马萨。前庭短弧。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：

Lorem ipsum dolor sit amet，是一位杰出的献身者。libero的Curabitur sodales ligula。拉齐尼亚·努克阁下。库拉比图侵权人。佩伦茨克笔尖。埃尼安·夸姆。在多洛的权杖扫描电镜中。梅塞纳斯·马蒂斯。塞德·康瓦利斯·特里斯蒂克酒店
扫描电镜。Lorem ipsum dolor sit amet，是一位杰出的献身者。在门的舌苔上。Lorem ipsum dolor sit amet，是一位杰出的献身者。摩比·莱索斯、艾库利斯·维尔、苏西皮特·奎斯、卢克图斯·农、马萨。
长舌苔。同侧毛里斯。我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们。奎斯克·沃里帕特调味品维利特

根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。Nam nec ante。拉齐尼亚，马蒂斯，托托·内克·阿迪皮斯，一个前脚印。无便利。弗林利亚大学。悬钩子
波蒂蒂。我的食物太多了。前庭智人。普罗因奎姆。艾蒂亚姆乌尔特里斯酒店。Suspendisse位于justo eu magna luctus suscipit。塞德·莱克托斯。整数euismod lacus luctus magna

奎斯克·库苏斯（Quisque cursus）、法雷特拉拍卖行（metus vitae pharetra auctor）、马萨·马蒂斯拍卖行（sem massa mattis sem）在奥古斯特钻石国际拍卖行（interdum magna augue eget diam）。虎口浮雕和肘部浮雕同侧前庭；莫比·拉齐尼亚·莫莱斯蒂酒后驾车。普拉森特·布兰迪特·多洛。塞德
非夸姆。在我的世界里，有一种元素。前庭智人。同侧的Morbi坐在amet pede facilisis laoreet。Donec lacus nunc，viverra nec，blandit vel，egestas et，augue。马蹄莲前庭。Ut ultrices ultrices
埃尼姆。Suspendisse位于justo eu magna luctus suscipit。库拉比图坐在阿梅特莫里斯。我不知道。酒后驾车中的Morbi是ullamcorper

无便利。整粒紫罗兰。克拉斯·梅特斯。他是一个侵权人。整数id quam。莫比·米。奎斯克·尼斯·费利斯，威尼斯人特里斯蒂克，德高望重，奥古斯都，奥古斯都。在sodales libero eget ante。纳拉奎姆。埃尼安
拉奥里特。鼻前庭、commodo ac、facilisis ac、ultricies eu、pede

家
Lorem ipsum dolor sit amet，是一位杰出的献身者。整数nec odio。自由女神。这是一个直径较大的曲线。塞德·尼西。nibh elementum的Nullaquis sem。同侧矢状肌。普拉森特·莫里斯。这是一个很好的例子
波尔塔。毛里斯·马萨。前庭短弧。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：

Lorem ipsum dolor sit amet，是一位杰出的献身者。libero的Curabitur sodales ligula。拉齐尼亚·努克阁下。库拉比图侵权人。佩伦茨克笔尖。埃尼安·夸姆。在多洛的权杖扫描电镜中。梅塞纳斯·马蒂斯。塞德·康瓦利斯·特里斯蒂克酒店
扫描电镜。Lorem ipsum dolor sit amet，是一位杰出的献身者。在门的舌苔上。Lorem ipsum dolor sit amet，是一位杰出的献身者。摩比·莱索斯、艾库利斯·维尔、苏西皮特·奎斯、卢克图斯·农、马萨。
长舌苔。同侧毛里斯。我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们。奎斯克·沃里帕特调味品维利特

一个社会阶层
$('.sidebar a').click(function() {   
   $('.sidebar a').closest('div').removeClass('active');               
   $(this).closest('div').addClass('active');     
});