Главная › Новости

Меню, закрепляющееся вверху страницы при прокрутке

Опубликовано: 29.03.2017

Наполнение сайта. Материалы и пункты меню joomla 2.5

В ближайшее время я замечаю, что на огромном количестве веб-сайтов употребляется так называемое фиксированное «плавающее» меню. Как правило это горизонтальное меню. Вообщем, зафиксировать можно не хоть какое меню: и горизонтальное, и вертикальное. Как это работает – при загрузке странички меню находится в определенном месте странички (к примеру, под «шапкой»), а при прокрутке странички оно фиксируется вверху окна браузера и не прокручивается, как остальное содержимое. Если же гость прокручивает страничку ввысь и добивается начала странички, меню ворачивается на свое место. Таким макаром, гость, находясь в любом месте странички, может его использовать и перебегать на другие странички веб-сайта. Это очень комфортно и соответствует принципам юзабилити.

На данный момент я расскажу, как можно сделать фиксированное меню средствами jQuery. Как оказывается, это нетрудно - код состоит всего из нескольких строчек.

В первом варианте разглядим случай, когда «шапка» веб-сайта имеет маленькую высоту (к примеру, 150px) меню размещено под ней, при прокрутке оно фиксируется вверху странички. В этом варианте странички все достаточно легко и обычно.

Для начала необходимо сделать страничку.