Weiterleitung innerhalb einer Seite

[freakyBOi]

Hi,

Ich möchte einen Funktion schreiben, die es mir ermöglich innerhalb einer Seite an eine bestimmte Stelle z.B. zu einem div zu springen.

<div id="1">
<h1># 1</h1>
<a href="#" onClick="myFunction('#2')">Gehe zu #2</a>

</div>

<div id="2">
<h1># 2</h1>
<a href="#" onClick="myFunction('#1')">Gehe zu #1</a>
</div>

Natürlich könnte ich auch jedes mal href="#1" oder ähnliches hinschreiben, aber dies ist nur ein einfaches Bsp. Ich möchte nämlich eigentlich ein Formular überprüfen und je nach dem was eingegeben wurde zu einer anderen stelle im Dokument springen.
Hier meine Funktion:

<script>
 function myFunction(loca){
	 document.location.href=loca;
	 
 }
  </script>

Das Problem ist, dass es durch diese Funktion einen Konflikt mit dem href-Attribut des a-Tags gibt. Ich habe auch schon versucht das href-Attribut ganz wegzulassen aber dann wird mein Link entfernt.

Hat jemand eine Lösungsstrategie für dieses Problem?

Danke schon mal.

 

[Arcsinh]

Du kannst dir hier mal scrollBy() und scrollTo() anschauen.

 

[freakyBOi]

Zunächst einmal vielen Dank für deine Antwort.

Ich habe mir gerade mal die Funktionen angeschaut, aber ich glaube das ist nicht das richtige für meinen Anwendungszweck.

Ich habe mir jetzt folgende Strategie überlegt:
Eigentlich könnte ich ja versuchen mit Hilfe meiner Funktion das href-Attribut derart zu manipulieren, dass ich einfach den Link ändere.

Das dürfte ja nicht so schwer sein. Weiß jemand wie ich das machen kann?