我目前正在使用此一页滚动插件
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,并在滚动经过它们时“取消突出显示”这些部分。