Javascript 将动画图像滚动到窗口上的特定位置

例如：1）我有一个div 100px*900px

2）我有一个图像100px*200px

我想要的是我想要移动我的图像上下滚动的确切像素数

有人能告诉我更新这个吗
当我以动画方式（缓慢地）非固定位置向下滚动时，我也想移动该图像。

您想查看Javascript中

窗口

对象上的属性。这将保存窗口已滚动的数量

然后，您可以使用类似的方法将图像移动到所需的量

$（'#yourImage'）。动画（{“top”：window.scrollY+“px”}）

注意：此代码假定您的图像处于绝对位置

编辑

$(window).scroll(function(data){
    //It is important to use .stop() for this as otherwise every slight scroll will add the animation to the animation queue.
    //What you want is for it to forget the others and go to the latest scroll position
    $('#im').stop().animate({"top":(window.scrollY + 10)+"px"}, 500);
});

此代码将在每次触发滚动事件时移动图像。我已经在Firefox上用
测试过了，你能详细说明一下吗？或者给我们看一些代码。。或者在jsfiddle.netI上的实例，我想随着滚动条移动图像，但是，当我使用html5时，图像没有移动。我想动态地移动图像（即缓慢地移动）你看过我提交的答案了吗？它使用jQuery animate来移动你的图像，并解释了你想要读取的变量，以了解页面的滚动量。我在winodow对象中找不到scrollX和scrollY。尽管如此，我还是找到了Scroll，所以我使用了它。你能给我一个详细的解决方案吗？请检查JSFIDLE链接并检查我的答案代码。
window.scrollX
和
window.scrollY
肯定应该在那里。您使用的浏览器是什么？是对您的小提琴的更新。我已更新了我的答案以反映更改。