javascript - 将 div 部分链接到导航按钮

Question

我有一个网页，其中有 5 个不同颜色的面板。页面右侧有导航条。

滚动页面时，我希望每个部分都与导航元素符号链接(symbolic link)。 Bullet 应具有 active 类，该类基于在视口(viewport)上显示的幻灯片。

如有任何帮助，我们将不胜感激。

DEMO

Answer 1

我已经在我的本地获取了您的代码并在 JS 下应用，之后它工作正常。

只需添加 Scrollit.Js在您的元素中。

只需像下面这样在 CSS 文件中做一些小改动。

在您的 CSS 文件行号。 #55

.parallax_nav a:active,
.parallax_nav a:focus,
.parallax_nav a.js--active {
    background: #f5f5f1;
    opacity: 1;
}

用
重新填充它

.parallax_nav a:active,
.parallax_nav a:focus,
.parallax_nav a.active {
    background: #f5f5f1;
    opacity: 1;
}

它将如您所愿地正常工作。每个部分将在您的 <a> 上应用事件类(class)标签。