Javascript 斯克罗尔。更改固定div中的内容

我想知道怎样才能达到这个效果。我的意思是：

• 您向下滚动，电脑显示器的图像在某一点上保持在固定位置
• 之后，图像会在滚动时不断变化

如何使用Javascript控制内容和更改CSS？它应该在窗口滚动事件中：

window.onscroll = function () {
    // but I don't know what to use here
}

---

在较小的浏览器宽度下，上面的元素会变成旋转木马，但我对此不感兴趣。

因为这篇文章上的标签，我假设这个问题是关于

Skrollr通过HTML数据属性进行控制。当监视器滚动，然后固定在给定位置时，您所看到的被称为“固定”。在Skrollr中如何定义数据属性一开始可能会非常混乱，但一旦理解了这一点，就可以使用该库了

我把我第一个skrollr项目的前几个星期打印并钉在显示器旁边

在Skroller中钉住的示例如下所示：

<div id="example"
     data-100-top="position:fixed;"
     data-anchor-target="#example">

   These words are pinned 100px from the top of the screen      

</div>

这些文字从屏幕顶部固定100像素

Skrollr的目的是不需要真正了解jQuery/JavaScript。css由库操作，并在数据元素中定义。上面的示例显示将位置更改为固定，但是如果您希望div从顶部扩展100px，您可以在其中输入宽度/高度css参数，或者输入您想要的任何其他css

如果您正在寻找一个更健壮的skrolling库，其中jQuery知识是一个更重要的要求，我建议您看看ScrollMagic（我缺乏声誉，无法链接到ScrollMagic）