javascript - Scrollmagic 触发器元素不工作

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是页面中间的固定元素，“动机”元素是页面中间相对元素的id。我不知道发生了什么!

Answer 1

尝试使用triggerHook

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

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

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