Seite springen aus dem div-Anker

War ich versucht, ein div Sprung von <a href="#FAQ">FAQ</a> zu einem div id und könnte Erfolg leicht, aber da habe ich einen festen link zu springen, ich kann nicht scheinen, um einen Weg zu finden, wie das zu tun.

Bedeutung, möchte ich einen div oder a href link springen zu einer url auf der gleichen Seite sagen <a href="http://www.mydomain.ask.html">Ask</a>

Weiß ich sicher, dass das springen von einem Anker wie <a href="#jump">jump</a> an ein div wie <div id="jump">jump to point</div> funktioniert einwandfrei. Aber, wie wärs mit dem umgekehrten Weg? funktioniert es? Ich meine das springen vom div id ein Anker funktioniert?

  • wenn ich nicht versuchen würde, warum Frage ich dann? 🙂
  • Ich würde empfehlen, das erstellen von einfachen html-Datei, um zu testen, was Sie tun möchten.
  • warum gehst du nicht (@Digitalsite) probieren Sie es dann ??
InformationsquelleAutor Digital site | 2013-07-23
  1. 20

    Solange Sie Ihren Anker hat eine ID, die Sie verknüpfen können, um einen Standort in Ihrer Ansicht durch klicken auf die div Sie brauchen nur etwas javascript.

    Einstellung der window.location.hash Wert wird der Fokus von der Sicht auf die gewählte ID.

    Probe

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

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

    JSFiddle-Beispiel

    • ok, Super Lösung. Dies ist, was ich getan habe,auch. Jedoch, was ich tun möchte, ist einen Sprung von der div id="test1" zu a href="#test1", nicht die normalen, wie wir Sie kennen...
    • gerade erfahren, dass in Ihrem Beispiel, dass ich klicken Sie auf test zu springen, um die Ziel-div und anschließend auf Ziel-div zurück zu test Anker, das ist gut. allerdings möchte ich nur einen Sprung von Ziel-div bis test "one-way"
    • Sie nicht müssen zu verwenden, das genaue Beispiel habe ich zur Verfügung gestellt.
    • In Bezug auf die nicht mit der ID, um den Fokus setzen, die Sie noch brauchen, um zu finden das element in den DOM-Fokus zu setzen. Mit einem element ist der Schnellste Weg zur Suche der DOM zu anderen sucht (wie die Suche nach anchor-tags mit einem bestimmten href-Wert) würde sich auf die Leistung auswirken.
    • ok, gut zu wissen. Vielen Dank. Ich werde weiter Graben finden der bestmöglichen Art und Weise, ohne Beeinträchtigung der Leistung. Dank
    InformationsquelleAutor Malkus
  2. 4

    Ich denke, dann müssen Sie <a href="yourid">page place</a> in Ihrem ersten div und haben zu geben, die id für den Anker-tag <a href="yourplace" id="idname"></a>

    • diese Lösung wird irgendwo auf der richtigen Spur... nicht sicher, ob ich kann es gut verstehen. Trotzdem danke.
    InformationsquelleAutor Mike Phils
  3. 3

    wenn Sie link um weitere mit variable
    Sie können 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>
    InformationsquelleAutor YeHtunZ
Schreibe einen Kommentar