Scroll-behavior e Scroll-snap
Proprietà CSS per controllare il comportamento dello scroll.
scroll-behavior
html {
scroll-behavior: smooth; /* Scroll fluido per anchor link */
}
/* Esempio link */
Vai alla sezionescroll-snap (Carousel nativo)
.slider {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
}
.slide {
flex: 0 0 100%;
scroll-snap-align: start;
}Scroll snap per sezioni
.fullpage {
height: 100vh;
overflow-y: scroll;
scroll-snap-type: y mandatory;
}
.section {
height: 100vh;
scroll-snap-align: start;
}