[does the self element in scroll trigger have any methods?]

N/A

[Can I use scrub with toggle actions? Currently, if I add scrub: false my animation doesnt work properly but if I add scrub: true , toggle actions no longer work]

.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',

},

})

[Can I use scrub with toggle actions? Currently, if I add scrub: false my animation doesnt work properly but if I add scrub: true , toggle actions no longer work]

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;

}

[Can I use scrub with toggle actions? Currently, if I add scrub: false my animation doesnt work properly but if I add scrub: true , toggle actions no longer work]

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.

[Can I use scrub with toggle actions? Currently, if I add scrub: false my animation doesnt work properly but if I add scrub: true , toggle actions no longer work]

.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',

},

})