Html
En visual studio code a traves de Emmet crearemos 10 secciones con sus respectivos h1 section*10>h1{title $}
CSS – Propiedades snap de desplazamiento
scroll-snap-type nos permite crear posiciones en el scroll. Creando puntos de ajustes para el inicio el centro y el final de cada elemento.y El contenedor de desplazamiento solo encaja en posiciones que encajen en el eje vertical.
mandatory La vista del contenedor se apoyará en un punto sino esta actualmente desplazado, ajustandose a ese punto cuando la acción de desplazamiento termina. Si se añade mueve, elmima o cambia el tamaño del contenedor, el desplazamiento tambien se ajustará.
scroll-snap-align Se usa a nivel de cada elemento que se encuentra en el contenedor indicandonos como se alinea el elemento en el viewport. Acepta dos valores x y y. Si usas un solo valor, ese valor se usara para ambas direcciones como ocurre con padding y margin.
none: La caja no tiene ningún punto de ajuste en su eje.
start: La caja tiene como punto de ajuste su inicio.
end: La caja tiene como punto de ajuste su final.
center: La caja tiene como punto de ajuste su centro.
Comentarios recientes