Native Reveal or Waypoint?

Elements Component Development
1

Hi @ben I’m working on a component that activates elements when they are visible in the monitor (fade-in & transforms), now I’m using my code and it works but I would like to know if the native reveal option is available and not the classic Waypoint.

In this page I’ve found some info

thanks

2

I’m not quite following what you’re asking here. Do you have an example or what you want to do, or can you provide more information? :slight_smile:

3

thanks Ben, I’m clarifying my previous question.

I currently use IntersectionObserver in JavaScript to trigger animations when elements enter the viewport.

I’d like to achieve the same behavior “smooth/scrub” mode, using the native “Reveal” in Elements.

this is the right approach?

<div data-reveal data-reveal-play="enter-repeat">
  <div class=" ...... ">  </div>
</div>

and data-reveal-mode=“smooth” / data-reveal-scrub=“true”

Thanks!

4

I believe you may have come across some outdated documentation regarding the Reveal component being available for use by other components or developers.

I’ve gone ahead and removed that documentation, as the underlying implementation of the Reveal component has since changed. At this time, we’re not supporting the use of data-reveal attributes outside of the Reveal component itself.

That said, if you’re looking to build your own scroll-based animation component, you’re absolutely free to do so.

If you have any questions or need help along the way, feel free to ask :slight_smile:

1 Like
5

@ben thanks, I suspected that, thanks for the explanation. ! When I have something more solid, I’ll show you