REDAXO Forum

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

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.

REDAXO Forum

jQuery Funktion nur einmal ausführen

jQuery Funktion nur einmal ausführen

Re: jQuery Funktion nur einmal ausführen