Серийное производство нейтральной мебели из нержавеющей стали

Прямая поставка от завода изготовителя
Для ресторанов, кафе, столовых и общепита
Сроки и доставка
Сроки изготовления 15 дн
Доставка по всей России
Качество
Изготовление на современном итальянском оборудовании Salvagnini
Гарантия
Гарантия на всю продукцию 3 года
Широкий выбор
Большой выбор расцветки, материалов и форм

Наша продукция

Стандартная
Нейтральная
Особая
More products

Как сделать меню с вкладками ME602 фиксированным при скролле + добавить скролл к якорю при нажатии в Tilda

1. Добавляем блок с якорем Другое►Т173
2. Создаём меню ME602
3. Добавляем доп отступ Разделитель►DV05
4. Вставляем скрипт

В скрипте меняем ID якоря , меню и разделителя на свои
#rec49177792 - Якорь
#rec49175350 - Меню
#rec49186175 - Разделитель

Фото из режима редактора приложено
Скрипт вставляется в блок ДРУГОЕ►Т123
<style>
/*Стили для Фиксированного блока ME602*/
    .fixtab{
       position: fixed;
       z-index: 99;
       top: 0px;
       width: 100%;
       background: #f7f7f7;
       box-shadow: 0px 3px 3px 0px #dedede;
    }
/*Изменяем отступ у блока разделитель DV05 */    
    .spacepad{
        padding-top: 153px !important;
    }
    
</style>

<script>

$(document).ready(function() {
//Прописываем ID блока с якорем
	var anchor_block = $("#rec49177792");
//Прописываем ID блока ME602 	
	var tab_block = $("#rec49175350");
//Прописываем ID блока DV05 	
	var space_block = $("#rec49186175");
//Прописываем ID блока после всех наших товаров(чтобы выключить меню, когда дойдём до него) 	
	var end_block = $("#rec49186572");	
	
	
//Присваиваем блоку ME602 ссылку
$(tab_block).wrap("<a href='#chapter1'></a>")

		//Задаём первый проход вниз
		var firststep = true;  
		//Задаём точку прохода всех нужных блоков
		var notagain = true;
		$(window).scroll(function() {
		    //Переменная true - если проскролили мимо заданного блока
			var scrollEvent = ($(window).scrollTop() > $(anchor_block).offset().top); 
			var scrollEvent2 = ($(window).scrollTop() > $(end_block).offset().top);
		    // Если просролили первый раз
			if(scrollEvent && firststep) { 
			    firststep = false;
			    //Присваиваем к ME602 класс с фиксацией
			    $(tab_block).addClass("fixtab"); 
			    //Присваиваем к DV05 класс с отступом
			    $(space_block).addClass("spacepad");
			};
			// Если проскроллили вверх выше якоря, то отменяем фиксацию
			if(!scrollEvent && !firststep) { 
			    firststep = true;
			    //Убираем от ME602 класс с фиксацией
			    $(tab_block).removeClass("fixtab");
			    //Убираем от DV05 класс с отступом
			    $(space_block).removeClass("spacepad");
			};
			
			// Если просролили все нужные блоки
			if(scrollEvent2) { 
			     //Убираем от ME602 класс с фиксацией
			    $(tab_block).removeClass("fixtab");
			    //Убираем от DV05 класс с отступом
			    $(space_block).removeClass("spacepad");
			};
			if(!scrollEvent2 && !firststep){
			    firststep = false;
			    //Присваиваем к ME602 класс с фиксацией
			    $(tab_block).addClass("fixtab"); 
			    //Присваиваем к DV05 класс с отступом
			    $(space_block).addClass("spacepad");
			};
			
			
			
			
			
			  	});
});			  	
</script>
Made on
Tilda