Tengo problemas con los enlaces de anclaje en mi página de inicio.
Tengo el siguiente menú, que funciona muy bien cuando el usuario está en la página de inicio, pero cuando visita otra página y hace clic en el enlace "Acerca de", no va a la página de inicio para encontrar el ancla.
<nav class="main-menu"> <a href="/#about">About</a> <a href="/contact">Contact</a> </nav>Si cambio el menú a lo siguiente, funciona muy bien cuando estoy en otras páginas, pero cuando estoy en la página de inicio (la URL de mi página de inicio es www.mysite.com/ (sin nada después de /)) y hago clic en "Acerca de" carga la página de nuevo antes de ir al punto de anclaje.
<nav class="main-menu"> <a href="/home#about">About</a> <a href="/contact">Contact</a> </nav>He estado buscando una solución mediante la cual:
¡Muchas gracias de antemano!
Puede solucionar este problema con un simple código javascript. Primero escriba una función y luego establezca la condición de que si está en la página de inicio, la URL será '#about' sin la página de inicio, la URL será '/#about'
Todo lo que puede manejar por DOM. Seleccione la página de inicio como variable por DOM y luego establezca la condición
if(!home){const url = '/#about'}y no olvide llamar a la función en el enlace del menú.
Creo que este método funcionará. Gracias