在滚动添加类（更改背景颜色）

Question

我希望通过更改菜单btns颜色来创建滚动效果this。也许添加一个在滚动时启动的类击中元素??

每个菜单btns和div按不同的ID分类。任何想法javascript我需要使用？

Answer 1

基本思路很简单 - 你在主html中有一些锚点，每个锚点都连接到菜单中的icon（li）。

当某些锚点变得可见时，您将关闭“＃”;所有其他菜单项，并打开＆＃39;连接一个。

所以你需要知道的是 - 用户滚动时哪个锚点变得可见。您可以使用外部库，我建议InView library或编写一个在窗口滚动时触发的函数。

您的代码的基本构造是：

//Main listener
window.addEventListener("scroll", checkAnchors);

function checkAnchors(){
//Here you check all your anchors and find one that was invisble and became visible
    if (visibleAnchor) {

       triggerMenu(visibleAnchor);
    }
}

function triggerMenu(visibleAnchor) {
    //turn off all menu's lis and turn on the one connected to visibleAnchor
}