滚动时如何从链接中删除“已访问”状态？

Question

I have a one-page landing page that scrolls to various sections when I click buttons in the menu. ...

However, once I have clicked a button and then I manually scroll elsewhere on the page, the clicked button still has the "visited" pseudo-class. Its appearance doesn't match where I am on the page.

Even when I manually scroll back to the top of the page the button still has the visited pseudo-class. I can't seem to override its appearance by giving it a regular class.

I would like to remove that "visited" state the moment I begin to scroll manually. How can I do that? Is it possible?

$(window).scroll(function(e) {
        $("#menu-front-page-menu li a")...(how?);
}
});

Answer 1

您应该以相同的方式设置链接和访问过的链接（使用CSS非常简单），并使用addClass手动管理“访问”样式，而不是依赖于:visited伪类。