jQuery：从顶部偏移时更改颜色链接

Question

向下滚动我的website时，导航栏的背景会渐变为黑色。

如何同时将导航栏中链接的颜色设置为白色（并在返回时返回黑色）？

这个jQuery代码负责导航栏：

//jQuery for page scrolling feature - requires jQuery Easing plugin
$(function() {
    $('.page-scroll a').bind('click', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1500, 'easeInOutExpo'),
        event.preventDefault();
    });
}); 

我试图几乎到处都添加color: '#fff'，但还没有运气。

Answer 1

您必须使用插件为文本颜色设置动画...这里是一个：https://github.com/jquery/jquery-color。 jQuery不能单独使用它。

Answer 2

请尝试将此添加到您的CSS中：

.navbar-custom.top-nav-collapse a { color: #fff; }

编辑：动画部分将由您的

处理

a {
    transition: all 0.2s ease-in-out 0s;
}

*仅限受支持的浏览器。