Hi there,
It is possible to have an element with a effect that triggers dependent on another element’s SCROLL effect triggering (or finishing)?
eg.
Row/Line 1/Element with fade in effect: I LOVE (fades in over 1000ms)
Row/Line 2/Element with fade in effect:: X THEME (need to fade in with a delay of 1000ms after the above element/line 1 triggers, regardless of any other triggers)
For example… lets say we wanted to output 2 lines of text,
I LOVE (fades in over 1000ms)
X THEME <- this needs to fade in after line 1 finishes)
but… but if the viewer scrolled down enough to trigger line 1, but not enough to trigger line 2 effect, what they see is (line 1 onle):
I LOVE
(makes no sense without line 2 “X THEME”)
I need to ensure that when they see line 1 (I LOVE) they also see Line 2 (X THEME) without relying on the viewer having triggered in by scrolling down further.
How do I achieve this using native x/Pro functionality? (eg. without using Layerslider or Revolution etc)?
Can I make one element’s effect trigger conditionally / dependent on the start (eg. scroll effect screen/) or end of another elements effect?
I understand putting several rows/lines/elements in a DIV and putting the scroll effect on the DIV ensures that the effect applies to all elements within (they both then fade in (for example) at the same time, with the same delay, same effect on the DIV)… but then I lose the ability to have line 2 appear with a delay / different effect/timing than line 1.
Thanks to any smart cookies out there know how to do this (with native X/Pro)!