反应滚动魔术触发问题

Question

trigger元素即使在定义后也不会被触发。 一旦页面加载，动画就开始，而不是在滚动到达触发元素时开始。 您将如何解决此问题？

constructor(props) {
   super(props);
   this.controller = new ScrollMagic.Controller();
 }

 componentDidMount() {
   var tl = new TimelineMax();
   tl.to(".about-left", 0.5, { opacity: 1 });

   new ScrollMagic.Scene({
     triggerElement: "#trigger"
   })
     .setTween(tl)
     .addTo(this.controller);
 }