滚动浏览页面

Question

我在空闲时间一直在想这个问题，但找不到合适的解决方案。我想要做这样的Apple页面：http://www.apple.com/iphone-5s/。当检测到鼠标滚动时，滚动到下一个元素，在滚动scrollTop时阻止滚动，然后如果滚动相反方向，则再次滚动。我用几百种方法重写了我的代码，但没有一个按预期工作。

这是我试过的代码之一，但它也不起作用。它还必须确定下一个和上一个位置，这些位置由未定义的变量destiny表示。

var locked = false; 
$('body').bind('mousewheel', function(e){ 
    //prevent page fom scrolling 
    if (locked) { return false; }; 

    if(e.originalEvent.wheelDelta < 0) { 
     //scroll down 
     $("html, body").animate({ scrollTop: destiny }, function() { 
      locked = false; 
     }); 
    }else { 
     //scroll up 
     $("html, body").animate({ scrollTop: destiny }, function() { 
      locked = false; 
     }); 
    } 
}); 

Answer 1

这可以使用整页的插件来完成：

http://alvarotrigo.com/fullPage/#firstPage