控制网站上的滚动量

Question

我想重新创建http://www.apple.com/uk/mac-pro/上使用的效果，只需单击滚轮或触控板上的滑动就会将页面向下滚动到页面上的某个位置。

Answer 1

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

Answer 2

因此，如果你使用的是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;
    });
});

希望有所帮助！

Answer 3

您可以使用One Page Scroll plugin来达到此效果。

Apple Mac Pro网站正在使用视频播放动画。你可以在我的解构中阅读更多关于它的内容：

• Apple Mac Pro page deconstructed