Javascript 当网页的不同部分出现时，如何更改元素CSS类？

基本上我希望它是这样工作的：

假设有一个长网页，它的内容有两部分：“索引1的内容”和“索引2的内容”。我的电脑屏幕只能显示一部分。此外，页面侧面有一个包含2个项目的列表，每个项目表示网页的一部分

我想要的是，当第1部分出现在屏幕上时，我将使用CSS类“live”设置item1；当第2部分出现在屏幕上时，我将使用CSS类'live'设置item2（同时，我将从Item1中删除'live'

要清楚，就像这个网站的实施

---

谢谢，

进一步阅读，这是引导的功能

对于中文教程，也许W3C学校提供了最好的-

---

具体的组件是“ScrollSpy”

您应该编辑您的问题以编写最全面的问题您的问题不是很清楚，但是如果您使用的是类，并且如果您使用的是相同的html元素，您可以像这样“组合”类

.index1.live

（无空格）谢谢您的评论！我再次编辑了我的问题，希望你现在明白了。