javascript - 如何在每个页面部分突出显示链接？

Question

我目前正在使用这个单页滚动插件

https://github.com/peachananr/onepage-scroll

我的网站上有 4 个链接和 4 个部分。我想要实现的是在特定部分突出显示链接。例如，当您滚动到“关于”部分时，“关于”链接会突出显示。当您滚动到主页时，主页链接会突出显示。我如何使用此插件实现此目的？

谢谢。任何帮助表示赞赏。

我希望在像本网站这样的部分上突出显示链接 http://alvarotrigo.com/fullPage/但我不确定如何使用上面使用的插件来实现它。

Answer 1

在你的onepage_scroll函数中包含

afterMove: function(index) {
  // here you can use javascript to highlight the link
}

例如，如果您的链接有 css 类“link1”和“link2”，并且您有一个应用了您想要的突出显示的 css 类“highlight”，我相信您可以做类似的事情

afterMove: function(index) {
  if(index === 0){
    $(".link1").toggleClass("highlight")
  }
  if(index === 1){
    $(".link2").toggleClass("highlight")
  }
}

注意:需要 jQuery，当您滚动经过它们时也会“取消突出显示”部分。