Як легко і швидко побудувати фіксоване меню

Як легко і швидко побудувати фіксоване меню

Почнемо з основи, 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-ої версії.

Як легко і швидко побудувати фіксоване меню

Як легко і швидко побудувати фіксоване меню

Як легко і швидко побудувати фіксоване меню

Як легко і швидко побудувати фіксоване меню

Як легко і швидко побудувати фіксоване меню

Схожі статті