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

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

Прямая поставка от завода изготовителя
Для ресторанов, кафе, столовых и общепита

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

от 4500 Р
от 5500 Р
от 6000 Р
от 23000 Р
от 4520 Р

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

1
Создали блок ME602
2
Добавили код в блок Другое - Т123
В коде указали ID блока ME602
И ID блока остановки фиксации ME602

let me602 = $("#rec166025641");//ME602
let stop_block = $("#rec376800938");//Конец фиксации
Библиотека для примера

<style>
.fix-me602 {
    position: fixed;
    z-index: 99;
    top: 0px;
    width: 100%;
    background: #f7f7f7;
    box-shadow: 0px 3px 3px 0px #dedede;
}
</style>

<script>
$(document).ready(function() {
let me602 =      $("#rec166025641");//ME602
let stop_block = $("#rec376800938");//Конец фиксации	
let findBlock=false; let me602height=0;
if( me602.length > 0 && stop_block.length > 0) findBlock=true;

if(findBlock){
    
    me602.after('<div class="next_block"></div>');
    let nextBlock = me602.next();
    me602.wrap('<div class="me602-wrapper"></div>');
    
    function setWrapHeight(){
        me602height = me602.outerHeight();
        $('.me602-wrapper').css('height', me602height);
    };setWrapHeight();
    
    function setMenuPosition(){
        let currentScroll = $(window).scrollTop();setWrapHeight();
        let fixeStart = currentScroll > (nextBlock.offset().top - me602height);
        let fixeStop = currentScroll  > (stop_block.offset().top - me602height);
   	    if(fixeStart && !fixeStop){ me602.addClass("fix-me602")		        
	    }else{me602.removeClass("fix-me602") };    
    };
    
    function scrollToStart(){
        let top = $('.me602-wrapper').offset().top;
        $('html, body').animate({scrollTop: top}, 500);        
    };
    
    $('.me602-wrapper').on('click','.t395__tab',function(e){ scrollToStart()});
    $('.me602-wrapper').on('change','.t395__select',function(e){ scrollToStart()});

    $(window).scroll(function() { setMenuPosition()});
    $(window).resize(function() {clearTimeout(window.resizedFinished); window.resizedFinished = setTimeout(function(){ setMenuPosition()}, 500);});
    
};  	
});			  	
</script>
			 
			 
Made on
Tilda