К основному контенту

1 мин

Zeroblock

Light

5

Этот скрипт позволит тебе сделать любое меню из Зероблок, которое будет закреплено сверху\снизу экрана и может появляться при скроллее. Модификация совместима с Autoscale.

Как закрепить Зеро меню и показывать при скролле?

(cвернуть)
Инструкция

1. Укажи Rec-id зероблока, который будет меню и включи\выключи появление при скролле

2. Укажи продолжительность анимации "появления" меню

3. Укажи после какой дистанции скролла меню должно появляться или направление скролла для появления

4. Скопируй код и вставь в блок т123

5. После всех этих действий перейди в Настройки сайта => Ещё => Выбери пункт "Подключить jQuery на страницах сайта"

- Если используешь window-relative, то указывай всё вертикальное выравнивание по top. Горизонтальное можешь делать любое - left \ center \ right

Важно!

undefined
undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Скопировать код
<!--Библиотека VORON--><!--Меню из зеро https://voron-dev.ru/zero_header_scroll--> <style>
      #rec12345678 {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          z-index: 9998;
      }
      </style> <script>
    let vmblock = '#rec12345678';
    let vmtime = ; 
    $(vmblock).css('display', 'none');
    $(window).scroll(function() {
  if ($(this).scrollTop() > ) {
    $(vmblock).slideDown(vmtime).animate(
    { opacity: 1 },
    { queue: false, duration: vmtime }
    );
    } 
    else {
    $(vmblock).fadeOut();
  }
});
</script>
123
+99999999999
Logo
Каталог
О нас
Портфолио
Прокрути вниз, чтобы увидеть выпадающий хедер
Примеры работы модификации