Estoy tratando de diseñar un sitio web. Decidí trabajar con esta plantilla de templatemo.
Actualmente estoy tratando de agregar una referencia a una parte específica del sitio web (por ejemplo, Contacto) en el "área de texto normal". Intenté simplemente agregar un href en el texto, así:
Contact me via the <a href="#contact_form" >Contact Form</a>Esto no funciona correctamente. Si hago clic en la referencia, todo el diseño está desordenado. Supongo que esto se debe a que el clic en el enlace no activa la función javascript para "cambiar la diapositiva" correctamente.
Mi pregunta es ahora:
¿Cómo puedo activar las funciones de JavaScript para "cambiar la diapositiva" a una parte específica de la página en áreas de texto regulares?
Esta animación ya está implementada y funciona correctamente (por ejemplo, se activa al hacer clic en los botones de la barra de navegación). Sin embargo, no tengo idea de cómo usar la misma animación para saltar a una parte de la página fuera de la barra de navegación.
Espero que entiendas mi problema. ¡Gracias de antemano por su apoyo!
Idealmente, tendría que modificar el contenido de la página en la ubicación respectiva en el archivo HTML. La forma en que se construye este archivo es que tiene una lista ul con elementos li que indican cada página, y cada elemento li recibe un valor numérico que representa su posición en la lista (por ejemplo, 1, 2, 3, ...). Asegúrese de editar y agregar cualquier página nueva en esta parte del marcado. Si desea ajustar o activar cualquier transición de página, edite el valor data-no en la etiqueta <a> en #tmNavbar a la posición de la página en la lista.
Si desea activar la transición desde cualquier otro lugar del sitio web, le recomendaría simplemente hacer clic en el elemento de navegación respectivo usando Javascript. Por ejemplo,
$('.nav-item').get(i).click() /* i is the data-no value` */