Question

我正在尝试使用窗口滚动功能，以便菜单链接将其样式更改为用户滚动到的相关部分。

我可以在用户滚动到投资组合部分时提醒用户。但是链接的风格怎么样？

代码有点脱离我的联盟：

$(function(){
  $(window).scroll(function(){
    var aPortfolio = $('.portfoliowrapper').height();
    if($(this).scrollTop()>=aPortfolio){
        alert('portfolio just passed.');
    }
  });
});

Answer 1

您只需使用css：

if($(this).scrollTop()>=aPortfolio){
    alert('portfolio just passed.');
    $("yourlink").css({
        // Whatever styles you want here
    });
}

Answer 2

你应该创建一个覆盖链接样式并添加/删除它的类：

<强> CSS

.linkPortfolio {
    // styles
}

<强> JS

$(function(){
  var $targetAnchor = $('#linkID');

  $(window).scroll(function(){
    var aPortfolio = $('.portfoliowrapper').height();
    if($(this).scrollTop()>=aPortfolio){
        alert('portfolio just passed.');
        $targetAnchor.addClass('linkPortfolio');
    } else {
        $targetAnchor.removeClass('linkPortfolio');
    }
  });
});

窗口onscroll更改菜单链接样式

2 个答案: