El siguiente ejemplo muestra los casos más simples de componentes interactivos que requieren JavaScript pero se construyen mediante marcado HTML y son accesibles.
La idea es utilizar position: sticky;
si el navegador soporta y de lo contrario corre el plugin sticky.js
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa ratione expedita unde ipsum, fugiat eius impedit nostrum amet doloribus nihil rerum magnam laboriosam harum perspiciatis iure officiis officia delectus quibusdam!
Comportamiento basado en las buenas prácticas de la W3CEnlace externo para cumplir con las normas de accesibilidad.
Se mantiene para validar compatibilidad.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Perferendis, doloribus nemo quae quis earum dignissimos rem!
Animi, necessitatibus. Quas dolor vel quidem magni iusto.
Iure, sint possimus voluptatum hic temporibus ullam, natus.
Iure, sint possimus voluptatum hic temporibus ullam, natus.
Iure, sint possimus voluptatum hic temporibus ullam, natus.
Ejemplo de imagen con proporción 3:2. Autor: Nombre Apellido Descargar imagen: Nombre imagen 1
Ejemplo de video en la galería, con barrera para activar funcionamiento. Autor: Nombre Apellido
Descripción corta de la imagen o video que se lee hasta en 2 líneas de móvil. Autor: Nombre Apellido Descargar imagen: Nombre imagen 3
Ejemplo de imagen horizontal, se muestra centrada con el máximo ancho. Autor: Nombre Apellido Descargar imagen: Nombre imagen 4
Ejemplo de imagen vertical, se muestra centrada con la máxima altura. Autor: Nombre Apellido Descargar imagen: Nombre imagen 5
Ejemplo imagen más chica que el mínimo. Autor: Nombre Apellido Descargar imagen: Nombre imagen 3