Wie, um die Seite zu laden, um ein Anker-tag?

wie könnte ich auch, oder ist es möglich, es so zu machen, wenn die Webseite geladen wird, die erste Sache, die es zeigt, Sie ist der Teil der Seite, wo der Anker-tag, die Sie wollen, dass die person zum ersten mal sehen.

Ist es möglich?

Vielen Dank für alle Hilfe im Voraus.

InformationsquelleAutor user2178586 | 2013-05-03
  1. 9

    Etwas einfaches, wie diese es tun würde

    <body onload=' location.href="#myanchor" '>
<a id='myanchor' href='#'>anchor text</a>
    InformationsquelleAutor Kevin Lynch
  2. 7

    Javascript verwenden.

    Lösung 1

    Wenn das Dokument geladen wird, gehen Sie zu den "hash" oder Anker, die Sie möchten

    <script type="text/javascript">
function load()
{
window.location.hash="mylocation"; 
}
</script>

    Lösung 2

    In der Kopfzeile:

    <script type="text/javascript" language="javascript">
    function moveWindow (){window.location.hash="mylocation";}
</script>

    Auf dem body-tag:

    <body onload="moveWindow()">

    Und Ihr Anker:

    <a name="mylocation"></a>

    • Ich danke Ihnen sehr! Ich brauchte einen Weg, um einen Anker gesetzt in den Zweig-URL, um zu einer bestimmten Stelle auf der Seite, wenn eine Ausnahme geworfen wird. Kann nicht getan werden, so anstelle, habe ich einen Zweig variable in den body-tag, und legen Sie es auf eine leere Zeichenfolge. Dann, wenn die exception geworfen wird, die ich füllen Sie die string-variable mit javascript, wie in Ihrer Antwort (window.Lage.hash="foo"), und fügen Sie es an das Rendern der Seite: <body {{ Anker | raw }}>.
    InformationsquelleAutor Christian Stewart
  3. 4

    Hier ein 2018-update, das ist ein wenig mehr Dynamik.

    Wenn Sie möchten, ziehen Sie die URL, ziehen Sie den Anker aus der URL, und verschieben Sie die Seite, der Anker, können Sie dies ausführen, javascript beim laden der Seite.

    if (window.location.href.indexOf('#') == 0) {
    let hash = window.location.href.split('#')[1];
    let hashTop = document.querySelector(`#${hash}`).offsetTop;
    window.scrollTop = hashTop;
}

    Gibt es auch diese Art, die ist ein bisschen übersichtlicher.

    if (location.hash) {
    let target = location.hash;
    window.scrollTop = document.querySelector(target).offsetTop;
}

    Wenn Sie nicht kompilieren ES6 mit babel, ändern Sie einfach die let Schlüsselwort var. Dies funktioniert auch für WordPress, das wird fügen Sie einen Schrägstrich in der URL, bevor der Anker.

    InformationsquelleAutor Allison Yancy
Schreibe einen Kommentar