Show element on scroll (and not on entrance)

[oblaum]

hello,

i want to show two elements (first subline then copy) with a dissolve effect on scroll – not on entrance.

plus the teaser should stay and not scroll. after the second element is showing the page should scroll normal again. (sticky scrolling)

see scribble below.

like sometimes on apple.com or with elementor pro.

how can i reach this with pro? or is there a known library?

thanks
oli

[ruenel]

Hello Oli,

Thanks for writing in. If you use the Effects on the Subline and Copy element, adding the delay is your only option. Regretfully we do not have a feature that can accomplish what you have in mind. You may need custom JS code for that instead.

• https://stackoverflow.com/questions/39282518/gradually-appear-fade-in-html-element-as-you-scroll-down-up
• https://www.reddit.com/r/css/comments/3wyxk7/how_to_make_elements_fade_in_as_i_scroll_down/

These articles are a bit older. I am sure newer solution might be available somewhere.

Regretfullywhat you are looking for isn’t a feature offered by the theme. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[oblaum]

thanks @ruenel, as a starting point this should help. i hope someday more effects controls are coming to the pro theme.

[ruenel]

You are most welcome, @oblaum.