How do I add ScrollMagic EventHandlers in React? #34

Activity

1. Hahlh commented on Mar 2, 2021

   

   Hahlh

   on Mar 2, 2021

   Last edited by Hahlh

   More actions

   @rgala98 I am looking into event handling atm.

   This is relevant:
   #2

   This means, that you should wrap the child of your scene in a function, that returns the child of . You can access progress and event there.

   Check the event for what is available.

   Barebones example (not tested, but illustrates the concept):

   
   import React from "react"
   import { Controller, Scene } from "react-scrollmagic"
   
   export const AnimationPlug = ({}) => {
     return (
       <>
         <Controller>
           <Scene>
             {(event) => {
               console.log("event:",  event)
   
               return <div></div>
             }}
           </Scene>
         </Controller>
       </>
     )
   }