Javascript 是否将jQuery动画时间设置为滚动像素距离？

我想让一个div在滚动的像素上设置动画，而不是随着时间的推移。因此，在滚动800像素的过程中，应该会出现一个动画，div从右向左移动（0到-200%）

有可能这样做吗？我想加入一个变量，有点像这样：

var time = 800 + 'px';

$("#div1").animate({
  left: '-200%';
}, time);

而不是通常的

$("#div1").animate({
  left: '-200%';
}, 1000);

或者类似的东西。到目前为止，我还不能让它工作，我甚至不确定它是否可能

编辑：

实际上，我希望创建一个视差效果。我应该补充一点#div1的位置是固定的

HTML:

标题一
标题二
标题三

不太清楚您想要实现什么，但听起来像是视差效果，元素的位置由窗口滚动位置的一个因子设置。这就是你的意思吗？一个HTML的示例也会有帮助。至少现在你知道搜索什么了。你是说每秒移动800px？在这种情况下，只需按宽度/800计算时间。不太清楚您想要实现什么，但听起来像是视差效果，其中元素的位置由窗口滚动位置的一个因子设置。这就是你的意思吗？一个HTML的示例也会有帮助。至少现在你知道搜索什么了。你是说每秒移动800px？在这种情况下，只需按宽度/800计算时间。

<div id="1" style="position:fixed;width:300%;">
 <div class="textSlide" style="width:33.33%">Heading One</div>
 <div class="textSlide" style="width:33.33%">Heading Two</div>
 <div class="textSlide" style="width:33.33%">Heading Three</div>
</div>