滾動div滑塊

Question

對不起，如果標題聽起來很混亂，但我不擅長英語，所以我不知道如何說我的，但更好。

我有幾個divs，每個div我使瀏覽器窗口的完整width和height。當用戶向下滾動（或向上滾動）時，它將滾動到下一個（或前一個）div，如vertical slider。它聽起來有些類似於this，但是因爲我對javascript或jquery不太瞭解，所以我不確定如何使接受的答案適應我的工作。到目前爲止，我只能創建類似於我的工作的html和css。像這樣的東西。

html, body { 
 
    margin: 0; 
 
    padding: 0; 
 
    height: 100%; 
 
} 
 
div { 
 
    height: 100%; 
 
    width: 100%; 
 
} 
 
.div-1 { 
 
    background-color: lightblue; 
 
} 
 
.div-2 { 
 
    background-color: green; 
 
} 
 
.div-3 { 
 
    background-color: silver; 
 
}

<div class="div-1"></div> 
 
<div class="div-2"></div> 
 
<div class="div-3"></div>

Answer 1

如果你想使用verticle背景滑塊那麼最好的選擇就是使用fullPage.js腳本滑動您在滾動背景。

只需下載所需的JS和CSS文件，並使用vertical-scrolling類在您想要在滾動中滑動的div內。

請按照this的鏈接瞭解更多關於此，你可以看到演示here。

我希望這會對你有所幫助。

謝謝。