Scrollmagic triggerElement不起作用

Question

我有一个Scrollmagic问题：我使用的是triggerElement，但是它说它进入了页面顶部的triggerElement，但是triggerElement位于页面的中间位置。这是我的ScrollMagic代码：

var scene2 = new ScrollMagic.Scene({triggerElement: "#motivational"})
.setPin("#MiddleOfPage") // pins the element for the the scene's duration
.addTo(controller);

#middleOfPage是页面中间的固定元素，“motivational”元素是页面中间的相对元素的id。我不知道发生了什么！

Answer 1

尝试使用triggerHook

var scene = new ScrollMagic.Scene({
        triggerElement:'#motivational',
        triggerHook: 0

        }).setPin('#MiddleOfPage')
          .addIndicators() // add indicators (requires plugin)
          .addTo(controller);

triggerHook可以将Int作为值。您可以在页面的任何位置设置断点。