Подскажите, как зафиксировать меню при прокрутке в шаблоне "Уют", когда листаю вниз, а меню всё время показывало на верху?
1
Зафиксировать Меню При Прокрутке В Шаблоне "уют"
Автор Evgeniya_9, 27 февр. 2019 19:19
Сообщений в теме: 2
#1
Отправлено 27 Февраль 2019 - 19:19
#2
Отправлено 05 Март 2019 - 08:39
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - в самом конце пропишите:
далее зайдите в main.css - найдите:
после него вставьте:
Зайдите в раздел Сайт - Редактор шаблонов - 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
Отправлено 18 Март 2019 - 23:50
Прикольно ! Мне тоже пригодилось. Спасибо!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных