Anker lädt nicht auf neue Seite

Question

Also meine Website enthält eine zweiteilige Navigation, beide Punkte sind Anker auf der Hauptseite platziert. Ich habe hinzugefügt Auf dieser Seite gibt es andere Links, die zu Unterwebsites führen. Jetzt fällt es mir schwer, die gleichen Navigationspunkte nur auf den Unterwebsites zu bekommen, um die Anker zu laden, wenn ich zur Hauptstelle zurückkehre, wo sie ursprünglich platziert wurden. Versucht mehrere Methoden im Internet gefunden, aber nichts davon schien zu funktionieren.

Ich fügte auch ein reibungsloses Scrollen mit einigen jquery im Internet gefunden, auch versucht, die Standardlinie zu verhindern.

Dies ist meine Seite http://stefangloeggl.com, die Unterseiten können durch Klicken auf eines der ersten Bilder erreicht werden.

Mein Markup sieht in etwa so aus.

<a href="index.php#work">Work</a> 
<a href="index.php#about">About</a> 

<div name="work" id="work"> 
Work 
</div> 

<div name="about" id="about"> 
Biography 
</div> 

Würde wirklich einige Hilfe zu diesem einen schätzen.

Answer 1

Es ist ziemlich seltsam Struktur auf Ihrer Seite. Ihre Seitenmarkierung scheint Körpergröße/-breite 100% zu haben und Ihre Anker sind ineinander angeordnet. Die beste Lösung besteht darin, ein sauberes Markup von Grund auf neu zu erstellen.

Schnelle, aber schmutzige Lösung ist window.location.hash Überprüfung auf Dokument bereit, dann aktivieren Sie Ihre glatte Bildlauf.

So:

$(document).ready(function(){ 
if (window.location.hash.length>1) { 
    $('html, body').animate({ 
     scrollTop: $(window.location.hash).offset().top 
    }); 
} 
});