Hallo, lieber Forum Benutzer. Wir haben in letzter Zeit festgestellt, dass die Kommunikation via https://slack.com/ viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen Möglichkeiten der Kommunikation ist das Forum ein wenig eingeschlafen und weniger Nutzer benutzen das Forum aktiv (trotzdem lohnt es sich evtl. hier nach Lösungen zu suchen oder seine Frage zu stellen).

Wir empfehlen bei Fragen/Problemen aktuell die Frage (zusätzlich) im Slack zu stellen. Dort sind viele kompetente REDAXO Benutzer aktiv und beantworten gerne (Anfänger)Fragen.

Selbst einladen kannst Du dich hier: http://redaxo.org/slack/

Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt :-)
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: 352
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“