移动到另一个锚时改变样式

时间:2017-09-22 03:57:09

标签: javascript html css

https://blackrockdigital.github.io/startbootstrap-freelancer/

正如本例所示,当我移动到每个锚点时,我想在每个菜单文本上给出背景颜色。我更喜欢没有bootstrap,只使用常规的javascript。

我的想法是添加一个看起来像

的函数
(A.alias("a").join(B.alias("b"), Seq("name"), "outer")
  .selectExpr("name", "coalesce(a.count, 0) - coalesce(b.count, 0) as count")).show
+----+-----+
|name|count|
+----+-----+
| DEF|   10|
| GHI|  -10|
| XYZ|  -10|
| ABC|  -10|
+----+-----+

当滚动位置位于截面的offsetTop位置时,它会向元素添加一个具有背景颜色样式的类。

但这似乎不像我想的那样有用。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

这些是类......不是锚。 如果你想要它来检测锚点,它们需要是#。

但更重要的是,sectionClass.offsetTop,sectionClass是否定义为变量?试试

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

注意,这不适用于"每个类",它可能只适用于第一个类。您需要为每个querySelector

创建一个循环