Seite 1 von 1

jQuery Funktion nur einmal ausführen

Verfasst: 28. Jul 2016, 00:46
von derkrebs
Hallo,

ich möchte eine DIV abhängig von der horizontalen Scrollposition des Browsers ein- und ausblenden.
Dazu habe ich folgenden jQuery-Code geschrieben:

Code: Alles auswählen

$('.box-two').fadeTo(0,0);

$(window).scroll(function() {
			
	var scrollLeftPos = $(this).scrollLeft();

	if (scrollLeftPos >= 200) {
		$('.box-two').fadeTo(400,0.5);
	}

	if (scrollLeftPos < 199) {
		$('.box-two').fadeTo(400,0.0);
	}
}
Leider funktioniert das ja so nicht, da der fadeTo-Befehl jedes Mal ausgeführt wird, sobald gescrollt wird. Gibt es eine Möglichkeit, den Befehl jeweils nur einmal ausführen zu lassen, sobald eine der Bedingungen erfüllt ist?

Habt Ihr da einen Tipp für mich?

Danke für Eure Hilfe!

Gruß,
Michael

Re: jQuery Funktion nur einmal ausführen

Verfasst: 29. Jul 2016, 00:39
von runstop64
Hi, du kannst die Opacity einfach einer CSS Klasse zuweisen und diese dem Element zuweisen bzw. sie löschen. Das Fading lässt sich über eine Transition erreichen.