Как в superscrollorama воспроизводить анимации лишь один раз?

Question

[Alexander Mischuk]

Из документации понял, что 5й параметр false должен делать это, но что-то не срабатывает.

controller.addTween('#fade',  TweenMax.from($('#fade'),.5,{ css:{opacity:0}}), 200, false);

Answer 1

[Alexander Mischuk]

Как говорится, слона и не приметил.

reverse: Global flag do set if animations should be reversed (true) when scrolling back or not (false) - default: true

var controller = $.superscrollorama({
	reverse: false			
});

Comments

[MickHugo]

А что делать, если я добавил reverse: false но он не срабатывает?

var controller = $.superscrollorama({
		triggerAtCenter: false,
		reverse: false,
		playoutAnimations: true,
	});

	controller.pin($('#how'), 5000, {
		anim: (new TimelineLite())

			// step 1 
			.append(
				TweenMax.to($('.how__box-1'), 1, {
					css: {
						opacity: "1",
						margin: "0px 0px 80px 0px"
					}
				})
			)
			.append(
				TweenMax.to($('.how__box-1'), 1, {
					css: {
						opacity: "1",
						margin: "0px 0px 100px 0px"
					}
				})
			)
			.append(
				TweenMax.to($('.how__wrap-processbar'), 0.5, {
					css: {
						right: "55vw"
					}
				})
			)
	});

});

Answer 2

[telegraphnij_stolb]

У тебя вроде 4 параметра указано.

Попробуй так:

controller.addTween('#fade',  TweenMax.from($('#fade'),.5,{ css:{opacity:0}}), 200, undefined, false);

Comments

[Alexander Mischuk]

Этот пример из документации был.