jquery - 只有当元素在视口中时，有没有办法在元素上触发不同的滚动速度？

Question

我正在一个网站上工作，该网站包含一个带有以不同速度滚动的图像的部分。

我有一个初始化滚动速度的函数（这利用了 transform/translateY 属性），还有另一个函数可以在每个图像移入/移出视口时触发其他函数。

但是，我不确定如何将两者合并为一个简洁的函数，该函数在进入视口时触发每个图像的滚动速度，一旦离开视口就锁定它的新 translateY 值。

我还希望 translateY 值基于图像所在部分的顶部，而不是页面顶部。

这似乎有点过头了，所以如果有人能指出我正确的方向或有任何想法，我将不胜感激！

标签： jqueryscrollparallax