2013-07-23 13 views
7

Ich habe versucht, einen div Sprung von <a href="#FAQ">FAQ</a> zu einer div ID und konnte Erfolg leicht, aber da ich eine feste Verbindung zu springen haben, kann ich nicht scheinen, einen Weg zu finden, wie das zu tun.Seite Sprung von div zu einem Anker

Bedeutung, ich möchte ein div oder a href Link zu einer URL in der gleichen Seite zu springen sagen <a href="http://www.mydomain.ask.html">Ask</a>

ich sicher weiß, dass von einem Anker wie <a href="#jump">jump</a> zu einem div Springen wie <div id="jump">jump to point</div> funktioniert gut. Wie wäre es aber mit dem umgekehrten Weg? funktioniert es? Ich meine, springt von div id zu einem Anker funktioniert?

+0

, wenn ich es nicht versuchen, verwenden, Warum würde ich dann fragen? :) –

+1

Ich würde empfehlen, eine einfache HTML-Datei zu erstellen, um zu testen, was Sie tun möchten. – Malkus

+0

warum versuchst du es dann (@Digitalsite) dann ?? –

Antwort

9

Solange Ihr Anker eine ID hat Sie an einen Ort Ihrer Ansicht verknüpfen kann das durch einen Klick div benötigen Sie nur ein wenig Javascript.

Wenn Sie den Wert window.location.hash einstellen, wird der Fokus der Ansicht auf die ausgewählte ID gesetzt.

Probe

<a href="#test1" id="back">Test</a> 

<div id="test1" onclick="window.location.hash='back'; "> 

JSFiddle Example

+0

ok, großartige Lösung. Das habe ich auch getan. Was ich jedoch tun möchte, ist von der 'div id =" test1 "' zu 'a href =" # test1 "' zu springen, nicht die normale Art, die wir kennen ... –

+0

habe gerade in Ihrem Beispiel herausgefunden, dass ich muss Klicken Sie auf ** Test **, um zum ** Zieldiv ** zu springen, und klicken Sie dann auf das ** Zieldiv **, um zum ** Test ** - Anker zurückzukehren, was gut ist. Allerdings möchte ich nur einen Sprung von ** Ziel Div ** zu ** Test ** "One Way" –

+1

Sie haben _have_ nicht das genaue Beispiel zu verwenden, das ich zur Verfügung gestellt habe. – Malkus

3

dann denke ich, Sie <a href="yourid">page place</a> in Ihrem ersten div hinzufügen und haben id zu Ihrem Anker-Tag geben <a href="yourplace" id="idname"></a>

+1

Diese Lösung ist irgendwo auf dem richtigen Weg ... nicht sicher, ob ich es gut verstehe. Trotzdem danke. –

3

, wenn Sie Link haben eine andere mit variabler gehen Sie mit der ID # Zeichen

<a href="product.php?action=edit#lastdiv>Go to Product Last Div</a> 

<div id="lastdiv">There are last product Exist</div> 
Verwandte Themen