HTML - neue Page öffnen und zu einer bestimmten Seite scrollen?

... komplette Frage anzeigen

3 Antworten

Wie surbahar53 schon schrieb, man dafür Anker verwendet. Auf die Seite verlinken und mit Hilfe einer Sprungmarke zur gewünschten Stelle springen. 

<a href="page.html#banner">Click or touch me!</a>

Auf der verlinkten Seite (im Beispiel die page.html) lediglich eine ID setzt, die als Sprungmarke dient.

<section id="banner">Lorem ipsum....</section>

Wenn das Bild »Content/Suchmaschinen-relevant« ist, den Anker um das Image-Tag legen. Wenn nicht, lediglich einen Anker setzen und das Bild via CSS einbinden. 

<a href="page.html#banner" target="_blank">
  <img src="assets/img/image.jpg" alt="alt-text">
</a>

Das Target-Attribut sorgt dafür, das die verlinkte Seite in einem neuen Fenster (Tab) geöffnet wird. Wenn dies nicht gewünscht ist, entweder _self verwenden oder einfach das Target-Attribut weglassen, da _self das Standardverhalten ist. 

Hier noch kurz die CSS-Variante mit Text-Replacement:

<!--// HTML -->
<a href="page.html#banner">Click or touch me!</a>
/* --| CSS |-------- */
a {
  width:; /* gewünschte Breite */
height:; / gewünschte Höhe */
text-indent: 101%;
overflow: hidden;
white-space: nowrap;
background: url(../img/image.jpg) no-repeat center; background-size: cover;
display: inline-block;
cursor: pointer; }

Wie erstelle ich solche Stellen damit es dort hin scrollt?

Wie du lediglich zur gewünschten Sprungmarke verlinken möchtest, lediglich darauf verweisen musst. Wenn du jedoch möchtest das erst die andere Seite geladen und dann dort hin gescrollt wird, mit JavaScript (jQuery) arbeiten musst. Es jetzt jedoch mal außen vor lasse. 

LG medmonk 

Antwort bewerten Vielen Dank für Deine Bewertung

Was möchtest Du wissen?