So blättern Sie zu einem bestimmten Ereignis nach dem Entfernen der Klasse

Question

Ich habe ein Szenario, in dem ein ausgeschnittenes Bild mit einem Klickereignis vollständig erweitert wird und dann mit einem anderen Klickereignis zum ausgeschnittenen Bild zurückkehrt. Diese Bilder sind lang, daher muss der Browser beim zweiten Klickereignis zum Anfang des ausgeschnittenen Bilds zurückscrollen, wodurch das Bild in die kleinere, abgeschnittene Größe zurückkehrt.

das Ändern der Bildgröße auszulösen, ich bin einfach eine jQuery Klick-Funktion, hier gezeigt:

jQuery("#zoom").on('click', function(){ 

    $(this).toggleClass('active').siblings().removeClass('active'); 

}); 

ich eine Scroll-Funktion mit jQuery implementieren kann. Ich weiß nicht, wie man einen Scroll auslöst, nur wenn die aktive Klasse in Übereinstimmung mit dem obigen Code entfernt wird.

Jede Hilfe würde sehr geschätzt werden.

Danke, Freunde

Answer 1

eine globale boolean Stellen und eine if-Anweisung verwenden, etwa so:

var active = true; 

jQuery("#zoom").on('click', function(){ 

    $(this).toggleClass('active').siblings().removeClass('active'); 

    if(!active){ 
    $("body").animate({ scrollTop: $("body").offset().top}, 1000); //1000 is the speed of the animation 
    active = true; 
    } 
    else active = false; 

});