daniaH
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Everything posted by daniaH
-
N/A
-
.to('.step-3', { duration: 8, opacity: 1, x: 25, scrollTrigger: { trigger: '.icons-section', start: '+=1550', end: '+=500', // scrub: true, markers: false, // once: true, toggleActions: 'play none none reset', }, })
-
the once: true , would also prevent it from replaying is the only issue. Do you see anything in my code that would effect the slide in functionality? If I don't add scrub, the slide left effect doesn't happen it just fades in - see css below &.step-3 { opacity: 0; transform: translateX(20vw); display: block; }
-
I want to use toggle actions so that the animation does not play when the user scrolls back to the top but does play when they scroll back down. I added scrub because my right to left animation was not running smoothly, it was just appearing not sliding in.
-
.to('.step-3', { duration: 8, opacity: 1, x: 25, scrollTrigger: { trigger: '.icons-section', start: '+=1550', end: '+=500', scrub: true, markers: false, toggleActions: 'play none none reset', }, })