我目前正在使用此一页滚动插件

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

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

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

我希望在类似此网站http://alvarotrigo.com/fullPage/的部分中突出显示链接,但是我不确定如何使用上面使用的插件实现它。

最佳答案

在您的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,并在滚动经过它们时“取消突出显示”这些部分。

10-05 21:00
查看更多