Question

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

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

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

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

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

Answer 1

如果您在文档中查看here，您会发现您使用的插件支持回调。你只需要使用它。以下是如何使用它实现链接突出显示的示例：

    $(".main").onepage_scroll({
        afterMove: function(index) {
            if(index === 2){
                $('#about-link').css({
                    "background-color","yellow"
                });         
            }
        }
    });

以下是工作演示：http://jsfiddle.net/preeteshjain/mnL5Lsmz/

Answer 2

在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，滚动浏览时也需要“取消突出显示”部分。

如何在每个网页板块上突出显示链接？

2 个答案: