Статьи

Плавающий header с меню

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

Может показаться, что эти два вида меню диаметрально противоположны. На самом деле фиксированное и плавающее меню в данном контексте объединены по принципу непрокручиваемости. Т. е. и то и другое меню остается всегда в зоне видимости при прокручивании страницы. Также Вас может заинтересовать Master 911, более подробную информацию можно посмотреть перейдя по ссылке.

Третий вариант"Красивого меню"от RunetBiz. com подразумевает либо несколько плавающих кнопок на некоторых страницах сайта ("Заказать", "Подписаться"и т. п.), либо плавающее с боку вертикальное меню, которое также перемещается вслед за прокручиванием страницы вниз, оставаясь всегда на виду.

Возможен также вариант статической задержки всего хэдора или горизонтального меню. Т. е. буквально такие элементы сайта будут не плавать, а просто оставаться на месте в момент прокручивания страницы. Но под такие эффекты придется переписывать весь шаблон сайта, или все его страницы. Поэтому такие вещи Вам будет выгодней заказывать сразу вместе с шаблоном.

Примеры

Для наглядности на данной странице пременены несколько варинатов таких меню:

Это интегрированной с хэдором меню, которое зафиксировано на верху страницы

Это горизонтальное меню сбоку, которое также жестко зафиксировано справа. Обратите внимание, что при изменении размеров окна браузера это меню все равно остается жестко зафиксированным. Попробуйте нажать на кнопку"Свернуть в окно"и Вы уыидите, что такое меню останется жестко зафиксировано относительно верха окна и его правой части.

Плавающая кнопка. обратите внимание, тчо при прокрутке страницы вверх и вниз эта кнопка плавно смещается. Она начинает прокручиваться вместе с основным текстом, а потом плавно возвращается на прописанные координаты.

Особенности

Существует одна особенность у такого рода меню. Они задействуют Javascriptы, которые в основном по-разному отображаются в разных браузерах.

Если Вы попробуете просмотреть эту страницу, к примеру, в FireFox, Opere и InternetExplorer, то увидите, что они работают либо разному, либо могут не отробать вообще.

InternetExplorer, например, вообще имеет привычку блокировать все подряд и отображать многие вещи по-своему. Тем не менее, поскольку этот браузер всегда идет в комплаекте с Windows, то у большинства посетителей Вашего сайта тоже будет этот браузер. Поэтому решайте сами стоит ли применять эти технолгии на своем сайте вообще.

Цена вопроса

Цена зависит от сложности и количества ссылок. Если Вы захотите сделать плавующую кнопку, то это обойдется буквально в 800 руб. Если Вы захотите существующее меню сделать плавающим и при этом не придется перекраивать код шаблона, то это выйдет в 1200 руб. Если Вам надо будет полностью сделатиь меню с нуля, то это получится стоимость создания меню и его монтажа как плавующего, что выходит в среднем в 2400 руб.