¿Cómo recrear el comportamiento del desplazamiento de página en la página de la bandeja de input de Google?

Lo que bash lograr es que cuando el usuario se desplaza por la página usando la rueda del mouse (ya que no hay barra de desplazamiento), la página se desliza hacia abajo con una animation en la siguiente sección de la página y mientras se reproduce la animation, el mouse -wheel no funcionará (para arreglar las cosas, que es un buen acto).

El comportamiento que deseo se puede ver en http://google.com/inbox o http://www.luxaqua-design.com/ .

Lo que me gustó del website de la bandeja de input de Google es que tiene los mismos efectos que los dispositivos con pantalla táctil y sus mecanismos de desplazamiento.

Solo necesito algunos consejos sobre los events que ocurren en este tipo de desplazamiento y cómo puedo administrarlos (especialmente, estoy buscando lograr la misma funcionalidad con los dispositivos táctiles).

Ese es un website de paralaje, y en realidad hay muchas maneras de lograrlo. Pero me gustaría sugerirle el FullPage.JS de Alvaro Trigo , también puede probar Skrollr por Prinzhorn . Esas son bibliotecas que puede usar para terminar fácilmente su objective.

Por cierto, también puede hacerlo manualmente creando un CSS que hará que las imágenes quepan en cada diapositiva, luego agregue JS de modo que cada vez que lo desplace irá a otra diapositiva, pero le digo que es mejor usar las bibliotecas. :RE

Se llama efecto de desplazamiento Parallax. ¡Aquí hay un tutorial sobre cómo hacerlo!

https://www.youtube.com/watch?v=D75WTf_Y738