使用jQuery进行半自动滚动

Question

我的页面上有几个全屏部分，我想使用jQuery检测用户的小滚动，并自动将页面向上或向下滚动一个部分。因此，用户一次只能看到一个全屏部分，而不是在它们之间随机滚动。我尝试的一切都是滞后和不完整的。

顺便说一句，我希望它像Pollen的滚动一样工作：http://pollenlondon.com/

Answer 1

也许是这样的：

https://jsfiddle.net/kot32qkc/

代码未经优化，但您有主要想法......

// if you're scrolling down
if(dir=="down") {
    // go to #s3 section
    $("body").animate({
        scrollTop: $("#s3").offset().top
    }, 1000);
}

查看jsfiddle以获取完整的代码。