problems with adding second scrolltrigger

[casvanluijtelaar]

Hey,

 

I'm trying to fade in and out all sections, the fade in works perfectly fine, but the fade out on scroll does not. what am I missing?

See the Pen VwbwgOe by casvanluijtelaar (@casvanluijtelaar) on CodePen

[akapowl]

 

Welcome to the forum @casvanluijtelaar

 

Looks like you have a comma in a place where it doesn't belong ( end: 'center, 10%'   -   end-property of second ScrollTrigger ).

 

Also, you'll probably want to set immediateRender: false on the tween of your second ScrollTrigger to make sure the initial setting of your sections to opacity: 0 doesn't get overruled by that ScrollTrigger ( else it would want to tween from opacity 1 ).

 

See the Pen ac10ec109bacb72c4f7b763714b38da0 by akapowl (@akapowl) on CodePen

 

[casvanluijtelaar]

20 hours ago, akapowl said:

 

Welcome to the forum @casvanluijtelaar

 

Looks like you have a comma in a place where it doesn't belong ( end: 'center, 10%'   -   end-property of second ScrollTrigger ).

 

Also, you'll probably want to set immediateRender: false on the tween of your second ScrollTrigger to make sure the initial setting of your sections to opacity: 0 doesn't get overruled by that ScrollTrigger ( else it would want to tween from opacity 1 ).

 

 

 

 

yep that totally did it, dumb mistake as usual. thanks for the tips!