Код прокрутки

Инструкция

(скрыть)

Фиксированному меню класс uc-fixed, полноэкранным блокам uc-section.
Для переключения блоков стрелкам или ссылкам в меню задать в link ID блока, к которому будет осуществлен переход. T178 на страницу добавлять не нужно.
Для горизонтального скролла скопируйте Код 1 и вставьте в блок T123.
Для вертикального скролла скопируйте Код 2 и вставьте в блок T123.

Использовать оба варианта в рамках одной тильда-страницы не получится. Сделать блоки, не участвующие в полноэкранной вертикальной перемотке можно. Для горизонтальной в рамках тильды — пока что нет, все успешно ломается.

<!-- Code by Fedyaeva -->
<style>
@supports (scroll-snap-type: y mandatory) {
    .t-records {
        display: flex;
        flex-direction: row;
        scroll-snap-type: x mandatory;  
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
        scroll-behavior: smooth;
    }
    .uc-section {
        height: 100vh;
        width: 100vw;
        min-width: 100%;
        scroll-snap-align: start;
    }
}
    
/*Fixed*/
.uc-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 2;
}
</style>

<!-- Code by Fedyaeva -->
<style>
@supports (scroll-snap-type: y mandatory) {
    html {
        scroll-snap-type: mandatory;
	    scroll-snap-points-y: repeat(100vh);
	    scroll-snap-type: y mandatory;
	    scroll-behavior: smooth;
    }
        
    .uc-section {
        scroll-snap-align: start;
        scroll-snap-stop: always;
        height: 100vh;
        min-height: -webkit-fill-available;
    }
    .uc-content {
        scroll-snap-align: start;
    }
}
    
html {
    scroll-behavior: smooth;
}    
    
/*Fixed*/
.uc-fixed {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 2;
    height: 0;
}
    
.t-records {
    overflow: unset !important;
}
</style>