Estate atento porque en esta crónica vas a encontrar el resultado que buscas.Este tutorial ha sido probado por nuestros expertos para garantizar la calidad y exactitud de nuestro post.
Solución:
Tiene una cantidad considerable de JS que está retrasando la carga de la página. El navegador busca el #ta-services
en la carga inicial y no lo ve, por lo que se detiene.
Debe usar JS para desplazarse a la posición después de que todo haya terminado de cargarse. Puedes hacer esto con algún JS que se vea así:
document.getElementById('id').scrollIntoView(
behavior: 'smooth'
);
Ponga esto en su JS para que se ejecute después de que se haya cargado la página. Si aún no tienes algo así, puedes usar:
document.addEventListener('DOMContentLoaded', function(event)
// Scroll into view code here
);
Residencia en caleb antoniorespuesta de:
Puedes desplazarte hasta #ta-services
usando JavaScript después de que se cargue la página:
document.addEventListener('load', function(event)
document.getElementById('ta-services').scrollIntoView(behavior: 'smooth');
);
La diferencia entre load
y DOMContentLoaded
eventos se explica aquí como
los carga El evento se activa cuando se ha cargado toda la página, incluidos todos los recursos dependientes, como hojas de estilo e imágenes. Esto es en contraste con DOMContentLoadedque se activa tan pronto como se carga el DOM de la página, sin esperar a que los recursos terminen de cargarse.
Así, cuando DOMContentLoaded
incendios de eventos, las posiciones de los elementos no son definitivas.
@Markus Proske debajo de la secuencia de comandos le ayudará.
Guión de la barra de navegaciónpara saltar a la sección respectiva de la otra página
Aquí he definido el script de navegación.
$('.nav-link').on('click', function (event)
var $anchor = $(this);
$('html, body').stop().animate(
scrollTop: $($anchor.attr('href')).offset().top
, 1500, 'easeInOutExpo');
event.preventDefault();
);
Por ejemplo, aquí he dado una estructura de navegación, es decir,
Reseñas y calificaciones del post
Te invitamos a añadir valor a nuestra información participando con tu experiencia en las críticas.