Ankündigung

Einklappen

Sammelbestellung ETS6 Vollversionen ab morgen!

Sammelbestellung für ETS6 Vollversionen (Prof., Home, Lite) mit 40% Rabatt ab morgen. Infos folgen....
Mehr anzeigen
Weniger anzeigen

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