, используя ссылки href, чтобы перейти к определенному разделу внутри веб-сайта

Question

Я пытаюсь связать некоторый текст с тегом href с определенным разделом на моем веб-сайте.

На домашней странице есть цитата, а затем имя человека, кто это сказал. Я хочу связать его имя с вкладкой «Предстоящие события» в разделе «О программе».

Веб-сайт http://www.verticalministries.net. Имя «Aaron Ivey» необходимо связать с вкладкой «Предстоящие события» в разделе «О программе». Веб-сайт представляет собой одностраничное портфолио, которое прокручивается с использованием JavaScript.

Я пробовал использовать атрибут name, но это не работает, потому что тег href будет выглядеть как
<a href="#about#ivey>Aaron Ivey</a>, и это просто недопустимый код, потому что у меня есть прокрутка страницы через классы. Я проверил атрибут name, и я дал ему #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> 

Любая помощь была бы принята с благодарностью.

Если у вас есть дополнительные вопросы, пожалуйста, дайте мне знать.

спасибо.

С уважением,

DHJolesch

Answer 1

не использовать атрибут name это не рекомендуется, лучше использовать id

пример кода, как прыгать с anchor к div с указанным идентификатором:

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

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

Также для прокрутки анимации с jQuery посмотреть на How can I scroll to a specific location on the page using jquery?