Как сделать уменьшение элементов в меню ME201 при скролле в Tilda
Gear and services
We assist and support our clients to develop their business fast and successfully
Analytics
Learn more
Marketing
Learn more
Design
Learn more

Как сделать уменьшение элементов в меню ME201 при скролле в Tilda

1
Создали меню МЕ201
2
Добавили стиль на страницу в блок ДРУГОЕ►Т123
Прописали ID меню
var me201scroll = '#rec217983280';
Библиотека для примера
<style>
@media screen and (min-width: 980px){
 .chngestyle .t-menu__link-item {
    /*Размер текста при скролле*/
    font-size: 14px !important;
}   
.transstyle .t-menu__link-item,
.transstyle .t456__imglogo,
.transstyle .t456,
.transstyle .t456__maincontainer{
    transition: all 0.3s ease-in-out !important;
}
.chngestyle .t456__imglogo {
    /*Ширина логотипа при скроле*/
    width: 130px !important;
}
.chngestyle .t456,
.chngestyle .t456__maincontainer{
    /*Высота меню при скролле*/
    height: 65px !important;
}
}
</style>

<script>
$(document).ready(function(){
    var me201scroll = '#rec217983280';
    $(me201scroll).addClass('transstyle');
    $(window).scroll(function() { 
        var top = $(document).scrollTop();
        if (top >= 100) {
          $(me201scroll).addClass('chngestyle');
        } else {
          $(me201scroll).removeClass('chngestyle'); 
        }
    });
});
</script>
Made on
Tilda