usando enlaces href para ir a la sección específica dentro del sitio web

Question

Estoy tratando de vincular un poco de texto con la etiqueta href a una sección específica de mi sitio web.

En la página de inicio tengo una cita y el nombre de la persona que lo dijo. Quiero vincular su nombre a la pestaña "Próximos eventos" en mi sección "Acerca de".

El sitio web es http://www.verticalministries.net. El nombre "Aaron Ivey" debe estar vinculado a la pestaña "Próximos eventos" en la sección "Acerca de". El sitio web es un portafolio de una página que se desplaza usando JavaScript.

He intentado usar el atributo de nombre, pero que no funcionaba porque la etiqueta href vería como
<a href="#about#ivey>Aaron Ivey</a> y eso no es un código válido, porque tengo el desplazamiento página a través de clases. Revisé el atributo de nombre y le di #ivey.

<div class="fifth_page" style="display:none"> 
      <h1>Upcoming Events</h1> 
       <h4>Feb. 15 &#45; Aaron Ivey Band</h4> 
       <a name="#ivey"></a> 
       <img src="images/iveypromo.jpg" alt="Aaron Mug Shot" class="floatRight img_left_space" /> 
       <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“Aaron Ivey believes that all worship is a response to a creative and compelling God. Serving as one of the worship pastors at <a href="http://www.austinstone.org" target="_blank">The Austin Stone</a>...</p> 
     </div> 

Cualquier ayuda sería muy apreciada.

Si tiene más preguntas, por favor hágamelo saber.

Gracias.

Sinceramente,

DHJolesch

Answer 1

no utilice el atributo name está obsoleta, y no utilizar id

código de ejemplo, cómo saltar con un anchor a un div con id especificado:

<a href="#your-page-element">Jump to ID</a> 

<div id="your-page-element"> 
    will jump here 
</div> 

También para desplazar animaciones con jQuery mira How can I scroll to a specific location on the page using jquery?