How do I recreate page scroll behavior on a Google inbox?

I'm trying to make sure that when the user scrolls the page with the mouse wheel (since there is no scroll bar), the page slides down with the animation to the next section of the page, and while the animation is playing, the mouse wheel does not work (to tidy things up, which is good action).

The behavior I want can be seen at http://google.com/inbox or http://www.luxaqua-design.com/ .

What I liked about the Googles Inbox website is that it has the same effects with touch screens and their scroll mechanisms.

I need only some guidance on the events that occur in this scrolling, and how I can control them (especially, I'm looking to achieve the same functionality with touch devices).

+4
source share
2 answers

This is a parallax website, and there are actually many ways to do this. But I would like to offer you FullPage.JS by Alvaro Trigo , you can also try Skrollr by Prinzhorn , These are libraries that you can use to easily complete your goal.

, , CSS, , JS, , , , , .: D

+3

All Articles