How to implement ScrollReveal in stencil components?

Stencil
1

Hi,
I want to reveal an HTML div which is in a Stencil component, using ScrollRevealjs library

Can you help me ?

Here is my code

export class MyComponent {
   ....
   initScrollReveal(el) {
    ScrollReveal().reveal(el, {
      console.log(el);
      distance: '150px',
      duration: 1000,
      origin: 'bottom',
      easing: 'cubic-bezier(0.165, 0.84, 0.44, 1)',
      interval: 150
    });
  }

  render() {
    return(
      <div class="tile big-tile" ref={el=>this.initScrollReveal(el)}>
           hello
      </div>
    )
  }
}

However, my console.log returns the div with ref… so i don’t understand

Thx :slight_smile: