Buenos días. Se implementó un desplazamiento suave para javascript en el sitio. Todo funciona bien, la página en sí se desplaza estrictamente al comienzo de la sección deseada. Pero como tengo un encabezado fijo, pero ocupa parte de la revisión. La pregunta es cómo agregar la altura de este encabezado a la barra de desplazamiento

js

 const anchors = document.querySelectorAll('.scroll-href') anchors.forEach(item => { item.addEventListener('click', (e) => { e.preventDefault() const blockID = item.dataset.scroll document.getElementById(blockID).scrollIntoView({ behavior: 'smooth', block: 'start' }) }) })

html

 <header class="header"> Some content </header> <a href="#" data-scroll="reviews-section">Scroll to reviews</a> <a href="#" data-scroll="services-section">Scroll to services</a> <a href="#" data-scroll="cases-section">Scroll to cases</a> <a href="#" data-scroll="footer-section">Scroll to footer</a> <section class="reviews" id="reviews-section">Some content</section> <section class="services" id="services-section">Some content</section> <section class="reviews" id="cases-section">Some content</section> <section class="reviews" id="footer-section">Some content</section>

CSS

 .header padding: 10px 0px position: fixed top: 0 left: 0 width: 100% background-color: #050505 z-index: 10

Enlace al sitio https://mpleader.pro/ (Posibles errores en dispositivos móviles)

Vista en sección sin desplazamiento

Vista en sección con desplazamiento