Recomendación de curso:
- Página anterior Introducción del equipo
- Página siguiente Voltear imagen
Cómo crear: imagen pegajosa
imagen pegajosa
Nota:Este ejemplo no se aplica a Internet Explorer o Edge 15 y versiones anteriores. Aprende a usar CSS para crear imágenes pegajosas.
imagen pegajosa
img.sticky {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}
Se ha configurado position: sticky; los elementos se alinearán según la posición de desplazamiento del usuario.
Los elementos pegajosos cambiarán entre alineación relativa y alineación fija, dependiendo de la posición de desplazamiento. Antes de alcanzar la posición de desplazamiento dada en la ventana de visualización, se alineará en forma relativa - luego se "pegará" en su lugar (como position:fixed)
Nota:Internet Explorer, Edge 15 y versiones anteriores no admiten la posición pegajosa. Safari necesita una -webkit- Prefijo (ver ejemplo). Para que la posición pegajosa funcione, también debe especificar al menos arriba、derecha、abajo o izquierda de uno.
Páginas relacionadas
Tutoriales:CSS de imagen
Tutoriales:CSS de posicionamiento
- Página anterior Introducción del equipo
- Página siguiente Voltear imagen
