Seite springt beim Bildervergrößern zur Anfang

[mely]

@@mely

Ich verstehe nicht, was du mit einem Button meinst.

Mit button meine ich button.

Aber du verlinkst ja tatsächlich eine andere Ressource; da ist ein a-Element natürlich richtig.

Mir ist nur dein Problem nicht klar. Könnte daran liegen, dass mir entgangen ist, wann du deine problemtische Seite verlinkt hattest.

LLAP 🖖

Danke für dein Antwort. Ähm ja das brauche ich immernoch für meine Seite. Also ich habe das folgenden Problem: Meine Seite besteht aus mehreren Links, die auch meine Menü sind. Alles befindet sich in eine Seite und man kann sowohl scrollen, als auch auf dem Link/Menüpunkt klicken und man springt zu der gewünschte Antrag. Jede Seite hat ihre eigene Bilder und wenn ich auf irgendeinen beliebigen klicke, dann vergrößert sich das Bild mit Hilfe von Fancybox, dann aber sofort nach dem klick sehe ich im Hintergrund, dass die Seite ist zu der oberste Link/Menüpunkt gesprungen. Bild:

<a class="fancybox" rel="group" href="bilder/1.jpg" title="">
     <img class="image" src="bilder/1big.jpg" title=""  alt=""/> 
</a>

$('nav a[href^="#"]').on('click', function (e) {
                        e.preventDefault();
                        $(document).off("scroll");
 
                       $('nav a').each(function () {
                                $(this).removeClass('active');
                                 $("nav").removeClass("navTest");
                        })
                        $(this).addClass('active');
 
                        var target = this.hash;
                        $target = $(target);
                        $('html, body').stop().animate({
                                'scrollTop': $target.offset().top+2
                        }, 500, 'swing', function () {
                                window.location.hash = target;
                                $(document).on("scroll", onScroll);
                        });
                });
        });

Ich hoffe, ich konnte es erklären.

Grüße, mely