используя ссылки href для перехода в определенный раздел на веб-сайте - PullRequest
Новая
       14

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

6 голосов
/ 10 февраля 2010

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

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

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

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

1 Ответ

7 голосов
/ 10 февраля 2010

не используйте атрибут name устарел, лучше используйте id

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

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

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

Также для прокрутки анимации с помощью jQuery посмотрите на Как можно прокрутить до определенного места на странице с помощью jquery?

...