Javascript 如何保持一个元素固定，其余元素滚动？

我正在做一个网站，我必须保持一个图像固定在屏幕上，滚动我希望不同的元素出现一个接一个，并坚持一个位置。完成后，我继续浏览网站的页脚

我已经尝试过了，但无论我做什么，页面都会一直滚动，不会等待所有元素出现在屏幕上

我想做的例子可以在这里的第二页看到，手机粘贴在屏幕上，在滚动条上，不同的内容一个接一个地出现

我如何做到这一点？你会推荐什么样的图书馆

---

提前谢谢。

您的固定html内容应该有css

位置：固定
 您是否尝试过
位置：粘滞
？可能存在浏览器兼容性问题，但有一些Polyfil可以解决这一问题。
像您已经写过的那样，这类事情通常是通过js库完成的。Scrollmagic是一个受到积极支持且运行良好的工具。它应该能够做你描述的事情，至少它可以做你链接的例子中的事情：它可以在页面上“固定”元素一个定义的持续时间（““滚动持续时间”），或者为由滚动位置控制的元素设置动画

Scrollmagic可以在Github上找到，也可以在这里找到：，在这里可以看到示例：
您可以发布您已经尝试过的内容吗？另外，听起来您正在寻找
位置：修复了
我试图将它放在codepen上，但我使用了jquery库，它在codepen上没有正确显示。是的，我试过固定位置，但内容如何。我想要的内容来了，坚持到顶部一个接一个。在你的css文件做。（图片{position:fixed}）试试JSbin（JSbin.com）或JsFiddle（JsFiddle.com）你可以用css
position:fixed
，但要知道这个版本和旧版本的iOS有问题-我不知道这是否可行，但你可以尝试利用overflow:scroll来实现这一点。我不太清楚如何保持图像固定，但也许你可以做些什么来代替检测浏览器高度（这显然有很大的误差）查找鼠标输入并在输入时设置为固定，在鼠标退出时将其删除。但我不希望它在整个卷轴中固定。例如，当我到达页脚时，我不想再修复该元素，然后您需要使用Javascript来检测何时到达底部，并为其设置不同的类。谢谢，我将检查它