derkrebs
Beiträge: 149
Registriert: 4. Okt 2011, 17:27

jQuery Funktion nur einmal ausführen

28. Jul 2016, 00:46

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

Benutzeravatar
runstop64
Beiträge: 339
Registriert: 23. Okt 2012, 21:34
Wohnort: Hamburg
Kontaktdaten: Website Facebook Twitter

Re: jQuery Funktion nur einmal ausführen

29. Jul 2016, 00:39

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.
Viele Grüße,
Daniel


studio-ahoi.de | Referenzen | Friends Of REDAXO

Zurück zu „Sonstiges“