Scrollen / Springe zu ID ohne jQuery
Ich habe viele Themen nach einer brauchbaren Lösung durchsucht.
Aber ich habe nichts gefunden. Die meisten Skripte sind für meine Zwecke einfach zu unübersichtlich.
Ich suche eine Lösung, die nur auf Javascript basiert.In meinem Projekt ist es nicht möglich, jQuery zu verwenden.
Ich brauche einen Sprung oder einen Bildlauf zu ID.
<head>
<script type="text/javascript">
//here has to go function
</script>
</head>
Mein Anruf ist:
<a onclick="function_call+targetname"><img src="image1" alt="name1"></a>
<a onclick="function_call+targetname"><img src="image2" alt="name2"></a>
<a onclick="function_call+targetname"><img src="image3" alt="name3"></a>
Also muss ich onclick event in meiner Navigation verwenden.
Jetzt möchte ich auf meiner Seite zu einer Div-ID springen oder scrollen:
<div id="target1">some content</div>
<div id="target2">some content</div>
<div id="target3">some content</div>
Es ist sehr wichtig: HTML-Anker funktionieren leider nicht. Sonst wäre alles ziemlich einfach.
Ich habe vorhin einfach benutzt:
onclick="window.location.hash='target';"
Aber ich habe Einschränkungen bei eBay. Sie erlauben diesen einfachen Code nicht.
Außerdem kann ich kein externes Javascript aufrufen (benutze JS nur im Kopfbereich). Weiterhin ist es nicht möglich: "cookie.", "Cookie", "replace (", IFRAME, META oder includes) und base href zu verwenden.
Es kann nicht schwer sein, mit ein bisschen JS zu einem bestimmten Punkt zu springen. Ich brauche keine Spezialeffekte.
Hat jemand eine schlanke und hilfreiche Lösung?
Ich habe selbst eine Lösung gefunden und danke Oxi. Ich folge deinem Weg.
Für alle, die sich für meine Lösung interessieren:
<head> <script type="text/javascript"> function scroll(element){
var ele = document.getElementById(element);
window.scrollTo(ele.offsetLeft,ele.offsetTop); } </script> </head>
Navigationsanruf:
<a onclick='scroll("target1");'><img src="image1" alt="name1"></a>
Jetzt können Sie zu einem Div mit der aufgerufenen ID springen
<div id="target1">CONTENT</div>