ОТКЛЮЧИТЬ ИЗОБРАЖЕНИЯ: ШРИФТ: A A A ФОН: Ц Ц Ц Ц
JOOMLA SCHOOL
шаблоны модули создание сайтов
МЕНЮ

Для фиксировании меню при прокрутке страницы можно использовать следующий способ

В файл index.php перед закрываюшим тегом </body> вставьте следующий код

<script type="text/javascript">
jQuery(function(){
 jQuery(window).scroll(function() {
 if(jQuery(this).scrollTop() >= 290) {
 jQuery('.top-menu.row').addClass('fixedtop');
 }
 else{
 jQuery('.top-menu.row').removeClass('fixedtop');
 }
 });
});
</script>

 

В файл template.css  добавьте 

ul.top-menu.row.fixedtop{
	position: fixed;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	top: 0;
	left: 0;
	z-index: 20;
	border-top-left-radius: 0;
        border-top-right-radius: 0;
}

Для отключения фиксации меню на разрешениях экрана меньше 768 px после строки  @media (max-width: 767.98px) { добавьте

ul.top-menu.row.fixedtop{
	position: inherit;
	margin-left: -15px;
        margin-right: -15px;
	width: auto
	}

Добавить комментарий

ST-UNIVERSAL – ШАБЛОН
ДЛЯ JOOMLA 3.9

Многофункциональный шаблон для сайтов  школ, колледжей, детских садов, учреждений здравоохранения и других бюджетных организаций.

До 1.06.2019 действует специальная цена на комплектацию PREMIUM

Оформить заказ

Сайт работает на Joomla 3.9.6  Версия PHP 7.2.3

© 2019 JOOMLA SCHOOL шаблоны модули создание сайтов