У меня возникла проблема с установкой черного цвета текста меню и значков в закрепленном заголовке на моем сайте. Я искал правильный класс, но не могу найти его в стилях CSS. Я попробовал этот CSS:
.header-wrapper .stuck {
color: #000 !important;
}
но не вносить никаких изменений. Итак, как сделать текст и значки в липком заголовке черным?
.header-wrapper? 18.12.2016 .header-wrapper { color:#000!important; } 18.12.2016 .header-wrapper, который вы стилизуете в своем HTML-коде. 18.12.2016 Согласно указанному вами веб-сайту, вам просто нужно удалить класс с именем .nav-dark из div с идентификатором #masthead при прокрутке (или класс .stuck добавляется с .header-wrapper).
Включить jQuery:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Используйте jQuery:
function customizeHeader() {
var window_top = $(window).scrollTop();
if ($('.header-wrapper').hasClass('stuck')) {
$('#masthead').removeClass('nav-dark');
} else {
$('#masthead').addClass('nav-dark');
}
}
$(function() {
$(window).scroll(customizeHeader);
customizeHeader();
});
Вы получите что-то вроде:
Надеюсь, это то, чего вы пытаетесь достичь, и это помогает!
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>в свой тег<head>. 18.12.2016<head>, а затем мой данный код после того, как<footer>заканчивается внизу страницы. В настоящее время вы пытаетесь запустить мой код js перед включением jquery. Браузер всегда читает страницу сверху вниз — имейте в виду. 18.12.2016