jquery - 窗口滚动更改菜单链接样式

标签 jquery css styles scrollto onscroll

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

一旦用户滚动到投资组合部分,我就会提醒他们。但是链接的样式如何呢?

代码有点超出我的能力范围:

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

最佳答案

你只需要使用 css :

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

关于jquery - 窗口滚动更改菜单链接样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15877487/

相关文章:

css - 如何从链接中删除下划线?

html - 在 materializecss 上覆盖 css

javascript - 响应式图像上的响应式悬停框

javascript - 在绝对定位的 div 之上垂直居中 div

jQuery 文本匹配

css - wordpress.com 和托管 wordpress 之间的风格差异

wpf - WPF中的自定义按钮模板

javascript - 为 jQuery AJAX 使用非匿名回调函数

CSS:获取 "disabled"输入背景颜色?

CSS:将属性应用于元素