Перейти к содержимому


Зафиксировать Меню При Прокрутке В Шаблоне "уют"


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Evgeniya_9

Evgeniya_9

    Новичок

  • Пользователи
  • Pip
  • 1 сообщений

Отправлено 27 Февраль 2019 - 19:19

Подскажите, как зафиксировать меню при прокрутке в шаблоне "Уют", когда листаю вниз, а меню всё время показывало на верху?

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 05 Март 2019 - 08:39

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - в самом конце пропишите:
// Меню
$(document).ready(function(){
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 200) {
				$('.header-middle').addClass('fixed');
			} else {
				$('.header-middle').removeClass('fixed');
			}
		});
	});
});

далее зайдите в main.css - найдите:
.header-middle {display: block;position: relative;height: 50px;text-align: left;z-index: 9;}

после него вставьте:
.header-middle.fixed {position: fixed;top: 0; left: 0; right: 0;z-index: 10;}


#3 Dasik851

Dasik851

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 87 сообщений

Отправлено 18 Март 2019 - 23:50

Прикольно ! Мне тоже пригодилось. Спасибо!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных