2015-02-22 2 views
1

Я пытаюсь получить заголовок и меню под ним, чтобы быть фиксированным/липким и всегда быть видимым, но может понять, как сделать то и другое.WordPress Theme помогает установить фиксированный заголовок + меню

http://goo.gl/rBxqUm

+0

@sdcr Я знаю, что он имел в виду. Требуется панель навигации, которая прокручивается вниз с веб-страницы, которая фиксируется в верхней части страницы. –

ответ

1

Этот 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/

+0

Я добавил ваш код jQuery в файл jQuery моей темы, который завершился с помощью функции '// Close anon. } (jQuery)); 'и я поставил его ниже, чем на следующей строке. Затем я добавил ваш код css в начало стиля my.css, но ничего не произошло (я также добавил, что важно в конце на всякий случай). Что я упустил? Я скопировал ваш код как есть и просто вставлял внизу мои файлы тем. Спасибо за ответ btw :) – user1724434

+0

Включили ли вы jQuery в свою тему? –

+1

[Решено] Большое спасибо! Моя проблема заключалась в стилизации верхней области, потому что .cap-primary-menu содержит только меню, а не логотип или телефон + подпись в правом верхнем углу. Логотип + телефон + подпись были в таблице стилей темы в .cap-menu-below, поэтому я установил это вверху: 0; а затем я установил .cap-primary-menu в начало: 50px; так что меню находится ниже заголовка (контейнера с логотипом), и они оба фиксированы. – user1724434