Help on achieving an effect on scroll

Hello all,

So I understand how to use Velo and the Developer Mode to achieve a collapse or delete with EditorX, the issue is that although the section “collapses”, its not actually removed from the DOM and thus the height stays.

See the examples below.

Site when first loading, not scrolling yet.

What should happen when scrolling

What ACTUALLY happens when scrolling.


(Note: Faded yellow to illustrate where pre-header still is in DOM)

Does anyone know how to achieve this through EditorX currently?

Thanks very much!

I think this might be related to the parent component having a ficed measurement, rather than a responsive unit.

That being said, I’d double check you’re using .collapse() to collapse the element.

There’s also a new .delete() and .restore() to remove and restore elements from the DOM.

Hope that helps :slight_smile: