Ankündigung

Einklappen
Keine Ankündigung bisher.

Sprungmarken href/anchor in Raumseiten???

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Sprungmarken href/anchor in Raumseiten???

    Hallo, ich versuche gerade Sprungmarken in eine Raumseite zu integrieren.
    Leider funktioniert das nicht auf die Herkömmliche Weise. Ich denke, das hat mit den Blöcken zu tun so dass, nicht richtig zugeordnet werden kann wo hingesprungen wird.

    Was ich versucht habe:
    Code:
     <a href="#test123">...</a>  
     <h1 id="test123">...</h1> oder <h1 id="test123" name="test123">...</h1>
    Kann hier jemand helfen? Oder hat soetwas schon mal jemand umgesetzt? Grüße, Marc
    Zuletzt geändert von schuma; 05.10.2019, 10:15.

    #2
    Hat sich erledigt. Problem erkannt Problem gebannt ;-)

    Die Sprungmarken müssen mit diesem Beispiel mit #jump anfangen.

    Code:
    <script>
    $(document).on('click', 'a[href^="#jump"]', function(e) {
        // target element id
        var id = $(this).attr('href');
        // target element
        var $id = $(id);
        if ($id.length === 0) {
            return;
        }
        // prevent standard hash navigation (avoid blinking in IE)
        e.preventDefault();
        // top position relative to the document
        var pos = $id.offset().top-50;
        // animated top scrolling
        $('body, html').animate({scrollTop: pos});
    });
    </script>
    Code:
    <a href="#jump1">Test zur Sprungmarke</a>
    
    <div id="jump1">Test1</div>
    Zuletzt geändert von schuma; 05.10.2019, 19:00.

    Kommentar

    Lädt...
    X