滾動一次，並順利滾動下一格的其他

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