在滾動條上滾動100vh部分

Question

這是一個普遍問題，但我試圖找到一些代碼示例以及用於此類行爲的術語以及如何實現它。

實施例：https://pixelheads.nl/

每一部分都充分滾動到視圖上滾動。

Answer 1

尋找這個例子的javascript，我們可以看到該頁面與所有元素一個接一個地工作，但是當他放置命令overflow:hidden;時，該頁面不顯示滾動條。

要賦予所有頁面的效果，會有一個「translate3d」效果和頁面「滾動」。 要顯示第二頁：

transform: translate3d(0px, -622px, 0px); 

對於第三：

transform: translate3d(0px, -1244px, 0px); 

我不發現命令到頁面，以獲得鼠標滾輪，但你可以把將要發射時一個事件你滾動頁面。

$("body").bind("mousewheel", function(e) 
{ 
    var delta = e.originalEvent.wheelDelta; // give you the direction 
    // here you apply the transform on the page. 
}); 

我不知道，如果這個例子頁面是使用任何框架，但我發現這個問題，可以幫助你，如果你不想從一開始就做。在這個問題上討論過的圖書館與邁克爾克勞克評論（alvarotrigo.com/ fullPage）相同。

scroll a full page height up or down with jQuery/Javascript

我知道反應是不完整的，但可以給你一些方向。