Javascript 控制网站上的滚动量

我想重新创建上使用的效果，即单击滚轮或在触摸板上滑动鼠标，将页面向下滚动到页面上的某个位置。

可能更容易将它们作为动画过渡并截取滚动功能，然后将截取映射为向上或向下-假设您一次只需要向下一个部分。

因此，如果您使用jquery和scrollTo类型插件，您可以执行以下操作：

$(function() {
    var scrollPos = 0;
    $(document).scroll(function() {
        var newScrollTop = $(document).scrollTop();
        if (newScrollTop > scrollPos) {
            // they are moving down on the page
            $.scrollTo("#DivIdOne");
        } else {
            // they are moving up on the page
            $.scrollTo("#DivIdTwo");
        }

        // set the new scrollPos
        scrollPos = newScrollTop;
    });
});

希望有帮助

您可以使用此效果

顺便说一句，苹果Mac Pro网站正在使用视频制作动画。你可以在我的解构中读到更多关于它的内容：