Scrollmagic 添加结束触发器答案

【问题标题】：Scrollmagic add end triggerScrollmagic 添加结束触发器
【发布时间】：2016-12-12 04:23:23
【问题描述】：

我第一次使用ScrollMagic，据我所知，我了解如何根据起始元素和持续时间触发我的动画

不能设置结束触发器而不是持续时间吗？

var smcontroller = new ScrollMagic.Controller();
var smscene1 = new ScrollMagic.Scene({
    triggerElement: "#products-box-1", 
    offset: 200, duration: 1600
})
.setTween(tweencan)
.addIndicators()
.addTo(smcontroller);

【问题讨论】：

我认为文件中没有这样的规定。我认为没有任何实际需要。

标签： javascript jquery scrollmagic

【解决方案1】：

你可以将持续时间设置为某个div的长度。

持续时间：$("#divid").height()

引用自：Scrollmagic duration

【讨论】：

【解决方案2】：

我发现的最佳方法是通过获取您尝试对齐的元素的高度和偏移量，然后减去像素来计算从页面顶部到文档中该点的像素数要滚动的元素的顶部及其高度。

例如，如果您有一个包含 <div class="rail"> 的右栏，您希望在 <container class="content"> 旁边滚动，并且您希望对象向下滚动到“内容”的底部：

duration = ($("content").offset().top + $("content").height()) - ($("rail").offset().top + $("rail").height().top);

一旦你看到它似乎很简单，但我绞尽脑汁想弄清楚如何做你想做的事，然后才意识到这很容易。

【讨论】：