CSS Scroll Snap

Row 1

html:not(.fl-builder-edit) .container .fl-builder-content {
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
}
html:not(.fl-builder-edit) .container .fl-row {
    scroll-snap-align: start;
}
.container .fl-builder-content, 
.container .fl-row-content-wrap {
    height: calc(100vh - 196px);
}
.container .fl-row-content-wrap {
    display: flex;
    align-items: center;
}

 

CSS Scroll Snap documentation here

CSS Scroll Snap

Row 2

Cae sitat eumetur sumque conserum et acest acipic to et, sim utet aciet faccull uptatem porum, il maio. Ut ratur mos quo blautem velitaspedio esed que nectus eos dolori dolendel et, id quam expliciatur res isquid quas eturibus in est, quo blaborit, eaqui ute illist a neceaque dias aut ea dolore pori sunt et estrum reheni nos de adic to es nis peribusam, officimusdae iur aruptis magnihic totas dis sit eictassinto eum eum nem harit eatur minti abor suntotaque alitatur, quatqua tquostius sit eostibus.

CSS Scroll Snap

Row 3

Dus ditat quataquodio. Laborep rorias sitatiae idus, ipienis intectempor magnis dolorib uscitia autate rersperume nem volut incia sam dolescillis quaepudi re porum hilicillabo. Ita volupta volorepta volest, cus molorec atibus quos vid qui consequam nobit enimin et quatem hiliquo exero con porem quat et lita veni odicte et eum es sin peribus, quodionseque conse volestora corrovi duciaep uditae doluptassit ut fuga. Ut odionse quuntur solenimet officia coremque pra nuscit quos ventis nonestruptae dellescid moleni totam, experectio. Namusti venetur aciamus, quibus voluptianit omnis es restis eata quodis dit ut as rerum cuptaqu atessimin et, inverio remporu mquibus eseque omnieniae acea inulluptae. Ibus reperum hillent pore am qui blatio quiatus.