移动到另一个锚

https://blackrockdigital.github.io/startbootstrap-freelancer/移动到另一个锚

正如这个例子所示，我想给每个菜单文字背景色为我移动到每个锚时改变风格。我更喜欢这个没有引导，只有通常的JavaScript。

我的想法是，添加，看起来像函数

function changeColor() { 
    if (window.scrollY == sectionClass.offsetTop) { 
    document.querySelector('.sectionClass').classList.add("newColorClass"); 
} else { 
    document.querySelector('.sectionClass').classList.remove("newColorClass"); 
    } 
}

它补充说，有一个背景颜色风格的元素时滚动位置上一节的的offsetTop的位置的一类。

但这似乎并没有按照我的意图工作。

有什么想法？

来源

2017-09-22 user6792790

你可以使用jQuery吗？ –

不行我不行。 – user6792790

这些是类..不锚。如果你想要它检测锚，他们需要＃。

但更重要的是，sectionClass.offsetTop，是sectionClass在任何地方定义为变量吗？尝试

window.scrollY == document.querySelector('.sectionClass').offsetTop

注意，这不会对“每个类”的工作，它可能会只在第一个工作。你需要为每个查询选择一个循环

来源

2017-09-22 04:00:14

是的，它被宣布。 – user6792790

好吧，这也可以帮助你：https：//gist.github.com/jjmu15/8646226 –

移动到另一个锚

回答

相关问题