Saltar al contenido

Enlace con ancla a otra página (href)

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.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *