Javascript 当垂直滚动到达某一点时移动图像

在一个网站上工作，并希望放大一个图像，并在垂直滚动到达图像时移动另外两个图像，以便他们看到动画

示例：（滚动直到看到屏幕截图动画）

我相信这需要JS，但我不知道。这就是我目前所拥有的

style="left:240px; top:1460px; width:auto; height:auto; z-index:3" src="screen_01_500_325.png"

此图像需要从500px宽放大到600px宽。高度自动

style="left:40px; top:1468px; width:auto; height:auto; z-index:2" src="screen_02_275_280.png"

此图像需要从左：40px移动到左：0px。它的大小保持不变

style="left:666px; top:1468px; width:auto; height:auto; z-index:2" src="screen_03_275_280.png"

此图像需要从左向右移动：666px到左：706px。它的大小保持不变

style="left:666px; top:1468px; width:auto; height:auto; z-index:2" src="screen_03_275_280.png"

基本上，我想动画发生时，人滚动到1400px下来的页面

---

谢谢你的帮助。我真的很感激

以下是与动画相关的代码。我希望有帮助

!function() {
for (var e = 0, t = ["ms", "moz", "webkit", "o"], n = 0; n < t.length&&!window.requestAnimationFrame; ++n)
    window.requestAnimationFrame = window[t[n] + "RequestAnimationFrame"], window.cancelAnimationFrame = window[t[n] + "CancelAnimationFrame"] || window[t[n] + "CancelRequestAnimationFrame"];
window.requestAnimationFrame || (window.requestAnimationFrame = function(t) {
    var n = (new Date).getTime(), i = Math.max(0, 16 - (n - e)), o = window.setTimeout(function() {
        t(n + i)
    }, i);
    return e = n + i, o
}), window.cancelAnimationFrame || (window.cancelAnimationFrame = function(e) {
    clearTimeout(e)
})
}(), define("vendor/polyfills/requestanimationframe", function() {}), define("throttle-to-frame", ["vendor/polyfills/requestanimationframe"], function() {
"use strict";
function e(e, t) {
    function n() {
        var r = arguments;
        i = window.requestAnimationFrame(function() {
            i = null, e.apply(t, r), o && (n.apply(null, a), o=!1, a = null)
        })
    }
    var i, o=!1, a = null;
    return function() {
        return o ? void 0 : i ? (o=!0, void(a = arguments)) : void n.apply(null, arguments)
    }
}
return e
});

---

他们的动画是用JS制作的。如果你愿意，我可以在那里发布JS代码，你也可以把它应用到你的网站上。谢谢@PhotographyBum。如果你能发布JS，我会很高兴的。我真的不知道，非常感谢你的帮助。今晚我要试一试。看看代码，它不像我希望的那样容易理解（即，我认为应该有px偏移量的参考）。我会看看它能做什么，然后从那里开始。