javascript - 如何在使用 jQuery 滚动鼠标时滚动到特定的 div？

Question

我现在有这段代码，当单击按钮时它会滚动到正确的位置:

$("#skills").click(function() {
    $('html, body').animate({scrollTop: $("#skills_page").offset().top}, 500);
    $(this).addClass("toggled_alt");
    $("#skills_id").css("background-color", "#646464");
    $("#contact_id, #home_id, #about_id").css("background-color", "transparent");
    $("#home, #contact, #about").removeClass("toggled");
    $("#home, #contact, #about").removeClass("toggled_alt");
});

我现在想做的是，当向下/向上移动滚轮时，我希望页面滚动到下一个 div。我已经在谷歌上搜索了一段时间，结果都是关于平滑滚动的东西，这不是我想要的。任何帮助都会很棒，谢谢。

Answer 1

检查这个 answer它是评论，还有 MDN page on the wheel event .

看起来你可以像这样绑定(bind)到事件:

$(window).on('wheel', function(event){

但这可能是压倒性的，因为它是鼠标滚轮的每次“点击”。

查看此 fiddle .仅在 Chrome 中测试过。