Verwenden von href-Links zu bestimmten Abschnitt innerhalb der Website gehen

Question

Ich versuche, einen Text mit dem href-Tag zu einem bestimmten Abschnitt auf meiner Website zu verknüpfen.

Auf der Homepage habe ich ein Zitat und dann den Namen der Person, wer es gesagt hat. Ich möchte seinen Namen mit dem Tab "Kommende Veranstaltungen" in meinem Abschnitt "Über mich" verknüpfen.

Die Website ist http://www.verticalministries.net. Der Name "Aaron Ivey" muss mit dem Tab "Anstehende Ereignisse" unter dem Abschnitt "Über" verlinkt werden. Die Website ist ein einseitiges Portfolio, das mit JavaScript scrollt.

Ich habe versucht, mit dem Namen Attribut, aber das war nicht funktionierend, weil das href-Tag wie
<a href="#about#ivey>Aaron Ivey</a> aussehen würde und das ist einfach nicht gültig Code, weil ich die Seite über Klassen scrollen. Ich habe das Namensattribut überprüft und ich habe es #ivey gegeben.

<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> 

Jede Hilfe würde sehr geschätzt werden.

Wenn Sie weitere Fragen haben, lassen Sie es mich bitte wissen.

Vielen Dank.

Mit freundlichen Grüßen,

DHJolesch

Answer 1

nicht verwenden Attribut name es veraltet ist, sondern verwendet id

Beispielcode, wie mit einem anchor zu einem div mit bestimmten ID springen:

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

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

Auch zum Scrollen Animationen mit jQuery Blick auf How can I scroll to a specific location on the page using jquery?