Я пытаюсь получить заголовок и меню под ним, чтобы быть фиксированным/липким и всегда быть видимым, но может понять, как сделать то и другое.WordPress Theme помогает установить фиксированный заголовок + меню
ответ
Этот Jquery может быть реализована в теме. Вы отредактируете этот номер до того, как далеко прокрутите страницу до того, как появится надпись. Затем вы создаете класс fixed-nav
в CSS, чтобы переопределить стили навигации и зафиксировать его в верхней части страницы.
JQuery:
jQuery("document").ready(function($){
var nav = $('.cap-primary-menu');
$(window).scroll(function() {
if ($(this).scrollTop() > 136) {
nav.addClass("fixed-nav");
} else {
nav.removeClass("fixed-nav");
}
});
});
CSS:
.cap-primary-menu.fixed-nav { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; }
Источник:
http://www.sutanaryan.com/how-to-create-fixed-menu-when-scrolling-page-with-css-and-jquery/
Я добавил ваш код jQuery в файл jQuery моей темы, который завершился с помощью функции '// Close anon. } (jQuery)); 'и я поставил его ниже, чем на следующей строке. Затем я добавил ваш код css в начало стиля my.css, но ничего не произошло (я также добавил, что важно в конце на всякий случай). Что я упустил? Я скопировал ваш код как есть и просто вставлял внизу мои файлы тем. Спасибо за ответ btw :) – user1724434
Включили ли вы jQuery в свою тему? –
[Решено] Большое спасибо! Моя проблема заключалась в стилизации верхней области, потому что .cap-primary-menu содержит только меню, а не логотип или телефон + подпись в правом верхнем углу. Логотип + телефон + подпись были в таблице стилей темы в .cap-menu-below, поэтому я установил это вверху: 0; а затем я установил .cap-primary-menu в начало: 50px; так что меню находится ниже заголовка (контейнера с логотипом), и они оба фиксированы. – user1724434
@sdcr Я знаю, что он имел в виду. Требуется панель навигации, которая прокручивается вниз с веб-страницы, которая фиксируется в верхней части страницы. –