jQuery: изменение цветовых ссылок при смещении сверху

0

Когда вы прокручиваете вниз свой веб-сайт, фон navbar исчезает до черного.

Как я могу одновременно иметь цвет ссылок на навигационной панели, приближающийся к цвету белый (и обратно к черному при возврате)?

Этот код 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' почти везде, но пока не повезло.

Теги:
scroll
nav

2 ответа

0
Лучший ответ

Вы должны использовать плагин для анимации цвета текста... здесь один: https://github.com/jquery/jquery-color. jQuery не может сделать это самостоятельно.

0

Попробуйте добавить это в свой CSS, пожалуйста:

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

Изменение: часть анимации будет обработана вашим

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

* ТОЛЬКО в поддерживаемых браузерах.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню