![Як легко і швидко побудувати фіксоване меню (як створити фіксоване меню) Як легко і швидко побудувати фіксоване меню](https://images-on-off.com/images/132/kaklegkoibistropostroitfiksirovannoemeny-97923714.jpg)
Почнемо з основи, HTML. Вставте даний код відразу після відкриваючого тега вашого HTML документа. Якщо ви застосовуєте цей урок для WordPress блогу, тоді код повинен бути в файлі header.php.
Другим кроком є CSS. Давайте створимо красиве фіксоване меню! Вставте наведений нижче код в ваш style.css файл.
Якщо ви прямо зараз подивіться на ваш HTML документ, то тоді там нічого не буде відображатися. Чому? Все через display: none; властивості, яке ми додали до #fixmenu контейнеру. Це необхідно, тому що нам потрібно, щоб фіксоване меню було видимим тоді, коли звичайне меню header'a не видно з-за прокрутки.
Так як же нам визначити, коли сторінка вже прокрутилася настільки, що заголовок сайту більше не видно? Прийшов час jQuery! Вставте цей код в нижній частині HTML документа; в файлі footer.php, якщо ви застосовуєте це в блозі WordPress. Переконайтеся, що ви включили jQuery фреймворк перед цим кодом
УВАГА! Ви використовуєте застарілий браузер Internet Explorer
Даний сайт побудований на передових, сучасних технологіях і не підтримує Internet Explorer 6-ої і 7-ої версії.
![Як легко і швидко побудувати фіксоване меню (фіксований) Як легко і швидко побудувати фіксоване меню](https://images-on-off.com/images/132/kaklegkoibistropostroitfiksirovannoemeny-0cda36cd.jpg)
![Як легко і швидко побудувати фіксоване меню (фіксований) Як легко і швидко побудувати фіксоване меню](https://images-on-off.com/images/132/kaklegkoibistropostroitfiksirovannoemeny-a97bdd30.jpg)
![Як легко і швидко побудувати фіксоване меню (меню) Як легко і швидко побудувати фіксоване меню](https://images-on-off.com/images/132/kaklegkoibistropostroitfiksirovannoemeny-f54b9de6.jpg)
![Як легко і швидко побудувати фіксоване меню (як створити фіксоване меню) Як легко і швидко побудувати фіксоване меню](https://images-on-off.com/images/132/kaklegkoibistropostroitfiksirovannoemeny-ca7cc2e3.jpg)
![Як легко і швидко побудувати фіксоване меню (фіксований) Як легко і швидко побудувати фіксоване меню](https://images-on-off.com/images/132/kaklegkoibistropostroitfiksirovannoemeny-f2c7406b.jpg)