Javascript 如何使用滚动制作div幻灯片？

当我达到一个特定的scrollTop（）值时，我想制作一个div幻灯片（in、out、left、up、right或down）。但是，我不希望它触发一些动画。。。我希望div与滚动一起移动，就像这里实现的效果一样：

到目前为止，我得到的“最接近”是：

var vistaEstandar = document.getElementById('vista');
vistaEstandar.onscroll = function() {animacionesEstandarVista()};
    function animacionesEstandarVista() 
    {
        var ypos  = vistaEstandar.scrollTop;

        if (($(window).width() >= 1800 && vistaEstandar.scrollTop > 6053) || ($(window).width() > 1800 && document.documentElement.scrollTop > 6053)) {
            var image= document.getElementById("seccion9textoSegundo");
            var toppin = ypos/6053;
            image.style.top = toppin*150 + 'px';
        }
        else
        {};

但是，这不起作用，因为我设法设置的值太低

我试图组合的网络很长，所以当我乘以值时，它要么太高要么太低

---

在这个网站上，我想知道刀子和食物的效果，我进入了源代码，因为它让我好奇。我发现了他们是怎么做的

第一部分是捕捉滚动条上发生的内容

$(document).scroll(function(){
    windowScroll()
});

他们有一个条件，在较小的屏幕上禁用它，但这在这里并不重要

第二部分是：

 function windowScroll(){
  var st = $(document).scrollTop();

  $("#aff").css({"top": 32 - st * 0.15 + "px"});
  $("#aff").css({"left": 48 - st * 0.15 + "px"});
 }

他们有更大的，更多的元素。这是我的操场。原则上，以当前位置作为偏移开始。“st”表示你有多深。st*0.15告诉您元素从屏幕上运行的速度

我的HTML：

<div class="wrapper">
<div id="aff" class="moving-div">

</div>

---

我研究了那个源代码，因为它让我好奇。我发现了他们是怎么做的

第一部分是捕捉滚动条上发生的内容

$(document).scroll(function(){
    windowScroll()
});

他们有一个条件，在较小的屏幕上禁用它，但这在这里并不重要

第二部分是：

 function windowScroll(){
  var st = $(document).scrollTop();

  $("#aff").css({"top": 32 - st * 0.15 + "px"});
  $("#aff").css({"left": 48 - st * 0.15 + "px"});
 }

他们有更大的，更多的元素。这是我的操场。原则上，以当前位置作为偏移开始。“st”表示你有多深。st*0.15告诉您元素从屏幕上运行的速度

我的HTML：

<div class="wrapper">
<div id="aff" class="moving-div">

</div>

---

谢谢你，瑞秋。。但是那个插件，就我所见。。。修改滚动条是非常困难的。我想制作一个图像或div的动画，使其与scrollTop值成比例滑动像素。你提到的网站上正在使用它。是的，但我指的是刀和食物的效果，它们在滚动时会移动，让我把它添加到问题中！！谢谢你把这篇文章作为网站的来源。。这是最简单的方法谢谢，瑞秋。。但是那个插件，就我所见。。。修改滚动条是非常困难的。我想制作一个图像或div的动画，使其与scrollTop值成比例滑动像素。你提到的网站上正在使用它。是的，但我指的是刀和食物的效果，它们在滚动时会移动，让我把它添加到问题中！！谢谢你把这篇文章作为网站的来源。。这是最简单的方法谢谢你。。。。现在它增加了一个值，然后-st*0.15就可以工作了。非常感谢，莎拉！非常感谢你。。。。现在它增加了一个值，然后-st*0.15就可以工作了。非常感谢，莎拉！