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: translate3d(0, 0, 0) scale(1);