Javascript iPhone11网站上的滚动效果是如何构建的？

地点-

我觉得这是一个很简单的效果，但我似乎不知道如何实现它。（我指的是元素之间的分层方式）

我认为这是一种位置：固定/粘性的混合，但如果没有一堆高度：~100vh等，我不认为这是可能的，我希望这不是在他们的网站上实现效果的方式

我甚至不知道谷歌这个效果的正确名称是什么

如果有任何人有我可以阅读的资源或观看的视频，我将不胜感激

---

谢谢。

我将对这两个对象使用

位置：绝对

，并声明它们的

z索引

顺序，以便根据前面的图层显示

我还看到一个

溢出：隐藏
样式，每当你想把一个元素的额外像素放到其他元素之外或后面的时候


#b1{
背景色：红色；
高度：100px；
宽度：100px；
显示：表格；
位置：绝对位置；
z指数：1；
}
#b2{
背景颜色：蓝色；
高度：100px；
宽度：100px；
显示：表格；
位置：绝对位置；
左：50px；
顶部：50px；
z指数：2；
}

是用于滚动动画的jquery库

用法示例

<div data-aos="fade-up"
     data-aos-duration="2000">
</div>



网站解释为你的卷轴

一些不错的教程，
Hey@Syn，你是说后面的摄像头吗？不是。只需在网站上滚动，这些部分就会显示在其他元素下面。这叫做视差滚动。它的核心是让两个或更多的元素在卷轴上表现不同，所以它们会产生很酷的效果，通常是透视效果。虽然它可以通过纯CSS实现，但它确实有一些限制（纯CSS时）。对于JS，限制较少，但需要小心处理，因为在某些设备上，
onscroll
可以每秒触发很多次，而其他设备（通常是iStuff）会在页面滚动时阻止JavaScript执行，因为他们认为滚动平滑的方式比用户试图滚动的任何东西都更重要。检查我的答案，我提供了许多链接和简单的方法，而不是在其他人实际操作的时候重新创建整个效果。所以我实际上不是一个完整的初学者。我目前是一名前端开发人员，所以我知道视差是什么。我不知道怎么做的是网站的影响。元素在元素后面保持固定，但是一旦元素滚动过去，固定元素就开始滚动……考虑将此作为注释添加。理想情况下，在堆栈溢出问题上，答案应该附带一些关于它如何工作或至少如何使用它的解释。事实上，网站就是解释，解释为你的scrollYes，但不幸的是链接会随着时间的推移而中断。堆栈溢出是主要的参考，应该在你的答案中包含内容。所以我在其他一些网站上使用了AOS，但效果完全不同。到目前为止，我见过的最接近基思克拉克的地方，但并不完全在那里。在我链接的站点中，元素看起来像是定位的
固定的
，但在元素完成滚动后，它们突然变得可滚动。很难解释。@Syn我添加了一些教程，不管怎样他都可以在那里找到他想要的，我试过了