在鼠标滚动上滚动100vh部分

Question

这是一个普遍的问题，但我试图找到一些代码示例和用于此类行为的术语以及如何实现它。

示例：https://pixelheads.nl/

每个部分在滚动时完全滚动到视图中。

Answer 1

查看示例的javascript，我们可以看到该页面一个接一个地使用所有元素，但是当他放置命令overflow:hidden;时，页面不显示滚动条。

为了给所有页面带来效果，有效果＆＃34; translate3d＆＃34;和页面＆＃34;滚动＆＃34;。 要显示第二页：

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

我知道答案不完整，但可以给你一些指示。