javascript - 滚动一次并平滑地将下一个 div 滚动到另一个之上

Question

我想创建与此网站相同的效果:https://www.razorfish.com

我已经使用以下 css 将元素设置在顶部:

#first-block{
   position:fixed;
   top:100px;
   width:760px;
   margin-left:-380px;
   left: 50%;
   z-index: -99;
 }

怎样才能达到网站上的效果。我需要使用 js 还是可以只使用 css 来处理。

我想听听先用js在页面上滚动，然后添加一个带有过渡效果的css类。

现在有人知道如何进行吗？或者这是听第一个滚动并添加具有过渡效果的类的正确方法吗？

Answer 1

您可以使用 CSS transform 属性对背景图像实现相同的效果。

transform: translate3d(0, 0, 0) scale(1);