Когда вы прокручиваете вниз свой веб-сайт, фон 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'
почти везде, но пока не повезло.
Вы должны использовать плагин для анимации цвета текста... здесь один: https://github.com/jquery/jquery-color. jQuery не может сделать это самостоятельно.
Попробуйте добавить это в свой CSS, пожалуйста:
.navbar-custom.top-nav-collapse a { color: #fff; }
Изменение: часть анимации будет обработана вашим
a {
transition: all 0.2s ease-in-out 0s;
}
* ТОЛЬКО в поддерживаемых браузерах.