Question

我很喜欢这个项目，我有一个单页网站。我希望能够向下或向上滚动页面并让我的导航更改它的活动链接。

这是我的测试网站。

我尝试过滚动脚本，但我的网站有一些非画布css和js杀死了滚动脚本。

我希望有人能说明这一点。如果需要，我可以提供任何代码或更多信息。

谢谢！

Answer 1

为什么不测试location.hash？例如，如果哈希值为"inactive-circle"，请将您的第五个圈子的类名从"active-circle"更改为"#fifthSection"。

Answer 2

您可以检查每个部分的偏移量，并将与最近部分对应的导航圆圈设置为顶部。

我看到你在jquery，在jquery中你可以使用每个div的.offset()属性。例如，如果您想检查某个元素section1是否接近顶部，您可以执行以下操作：

var section = $('#section1')
if (section.offset() < 20) { // experiment and find your own value for this
    set_active_circle(1);
}

你最好把它拆分成一个函数，找出哪个部分最接近顶部，然后调用另一个函数（例如set_active_circle）来激活相应的圆圈并停用其余部分。