Javascript 在鼠标滚动上滚动100vh节

Javascript 在鼠标滚动上滚动100vh节,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是一个一般性的问题,但我试图找到一些代码示例和用于这种行为的术语,以及如何实现它 例如: 每个部分都在scroll上完全滚动到视图中。查看示例中的javascript,我们可以看到页面可以处理所有元素,一个接一个,但是当他将命令overflow:hidden页面不显示滚动条 为了给所有页面提供效果,有一个效果“translate3d”和页面“scrolls”。 要显示第二页,请执行以下操作: transform: translate3d(0px, -622px, 0px); 对于第三个: t

这是一个一般性的问题,但我试图找到一些代码示例和用于这种行为的术语,以及如何实现它

例如:


每个部分都在scroll上完全滚动到视图中。

查看示例中的javascript,我们可以看到页面可以处理所有元素,一个接一个,但是当他将命令
overflow:hidden页面不显示滚动条

为了给所有页面提供效果,有一个效果“translate3d”和页面“scrolls”。 要显示第二页,请执行以下操作:

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)相同


我知道答复不完整,但可以给你一些指导。

不知道它叫什么。也许是“单页/单页滚动”?fullpage.js是一个库,可以这样做谢谢,可以用一个指定的节来完成吗,当我尝试我自己的节时,它不适用于其他节,例如:@Snorlax所有节必须在同一个包装中,如前所述。谢谢,可以用一个指定的节来完成吗,当我尝试我自己的节时,它不适用于其他节,示例:jsfiddle.net/jzhang172/7b2w82x2您需要将代码放入节中,如下所示:如果要插入页面标题或任何静态对象,请使用
position:fixed
如下所示: