滚动一次，并顺利滚动下一格的其他

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);