Q:

Half-automatic scrolling with jQuery

I have several fullscreen sections on my page and I would like to use jQuery to detect a small scroll from the user and and scroll the page one section higher or lower automatically. So the user can only see one fullscreen section at a time not randomly scrolling between them.  Everything I tried was laggy and incomplete.
By the way, I would like it to work like Pollen's scrolling: http://pollenlondon.com/

A:

Maybe something like this :
https://jsfiddle.net/kot32qkc/
Code is not optimized but you'll have the main idea...
// if you're scrolling down
if(dir=="down") {
    // go to #s3 section
    $("body").animate({
        scrollTop: $("#s3").offset().top
    }, 1000);
}

see the jsfiddle for full code working.

