javascript - 如何在滚动时滚动到页面上的特定 div？

Question

我有一个页面，其中四个主要的 div 一个接一个地垂直堆叠。我需要滚动，它应该直接在 div 之间移动，而不是正常滚动。

我正在使用 ScrollTo插件功能，但它不能正常工作，因为我必须在滚动上执行所有操作，但在插件示例中它使用按钮。

有人知道我该怎么做吗？

我想要一个类似于此页面的行为。

Example

enter

http://jsfiddle.net/jLG7W/

Answer 1

您作为示例链接到的网站似乎正在使用 fullPage.js jQuery 插件。这就是我猜你会追求的。

编辑:

为了在没有任何插件的情况下工作，可以尝试这样的事情

var divs = ["first","second","third","fourth"];
var counter = 0;

document.addEventListener("mousewheel", function(e) {

    if(e.wheelDelta > 0){ // up 
        if(counter > 0){
            counter--;
            document.getElementById(divs[counter+1]).style.display = "none";
            document.getElementById(divs[counter]).style.display = "block";
        } 
    }
    else if(e.wheelDelta < 0){ // down

        if(counter < (divs.length-1)){        
            counter++;
            document.getElementById(divs[counter-1]).style.display = "none";
            document.getElementById(divs[counter]).style.display = "block";
        } 
    }

});

演示:http://jsfiddle.net/jLG7W/1/