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 作为值。您可以在页面任意位置设置断点。

Scrollmagic triggerElement 不工作

Scrollmagic triggerElement not working

javascript

scrollmagic