Javascript 如何在Google’;s的收件箱页面?

Javascript 如何在Google’;s的收件箱页面?,javascript,html,css,scroll,Javascript,Html,Css,Scroll,我试图实现的是,当用户使用鼠标滚轮(因为没有滚动条)滚动页面时,页面会随着动画向下滑动到页面的下一部分,而在播放动画时,鼠标滚轮将不起作用(整理东西,这是一个很好的动作) 我想要的行为可以在或中看到 我喜欢谷歌收件箱网站的一点是,它与触摸屏设备及其滚动机制具有相同的效果 我只需要一些关于在这种滚动中发生的事件以及如何管理它们的指针(特别是,我希望通过触摸设备实现相同的功能)。它被称为视差滚动效果。。这里有一个关于如何制作的教程 这是一个视差网站,实际上有很多方法可以实现。但是我想建议你,你也可以

我试图实现的是,当用户使用鼠标滚轮(因为没有滚动条)滚动页面时,页面会随着动画向下滑动到页面的下一部分,而在播放动画时,鼠标滚轮将不起作用(整理东西,这是一个很好的动作)

我想要的行为可以在或中看到

我喜欢谷歌收件箱网站的一点是,它与触摸屏设备及其滚动机制具有相同的效果


我只需要一些关于在这种滚动中发生的事件以及如何管理它们的指针(特别是,我希望通过触摸设备实现相同的功能)。

它被称为视差滚动效果。。这里有一个关于如何制作的教程


这是一个视差网站,实际上有很多方法可以实现。但是我想建议你,你也可以试试 . 这些是可以用来轻松完成目标的库


顺便说一句,你也可以手动创建一个CSS,使图像适合每一张幻灯片,然后添加JS,这样每当你滚动它就会转到另一张幻灯片,但我告诉你最好使用库它被称为视差效应。。谷歌或youtube搜索教程!我要找的不是视差效果,而是@sking告诉我的是我想做的事情。实际上我不想要一个插件来做这件事,我想知道滚动事件和触发器的代码,以及如何使用animations@user2078785好。。然后您可以在github上浏览代码这里是一个简单的例子我应该如何实际针对scroll事件来实现这一点?我的意思是,当动画运行时,如何停止滚动?@user2078785您可以使用fullPage.js方法,例如
setAllowScrolling
detailed。