El paso a paso o código que encontrarás en este artículo es la resolución más sencilla y efectiva que encontramos a esta inquietud o problema.
Solución:
Encontré una solución Enlaces de anclaje con un encabezado fijo publicado por Phillip, él es un diseñador web. Phillip agregó un nuevo tramo VACÍO como posición de anclaje.
luego pon el siguiente codigo css
.anchor
display: block;
height: 115px; /*same height as header*/
margin-top: -115px; /*same height as header*/
visibility: hidden;
¡Gracias, Felipe!
Coloque un luego peina el anchor clase como:
.anchor
position: absolute;
transform: translateY(-50vh);
Con -50vh el ancla se desplazará en el medio de la pantalla.
html:
NEWS
CSS:
#anchor
position: relative;
padding-top: 100px; //(whatever distance from the top of the page you want)
funcionó bien para mí
Sección de Reseñas y Valoraciones
Si estás contento con lo expuesto, puedes dejar una crónica acerca de qué te ha gustado de esta sección.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)