Javascript 使用jQuery滚动鼠标时，如何滚动到特定的div？

我现在有一个代码，当单击按钮时，它会滚动到正确的位置：

$("#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。我已经在谷歌搜索了一段时间了，所有的结果都是关于平滑滚动的东西，这不是我想要的。任何帮助都会很好，谢谢。

请查看此内容及其评论，以及

看起来您可以像这样绑定到事件：

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

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

看这个。仅在Chrome中测试。

请检查此内容及其注释，以及

看起来您可以像这样绑定到事件：

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

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

---

看这个。只在Chrome上测试。

我在我的网站上用这个插件做了测试。我用这个插件在我的网站上做到了这一点。也许通过一些条件逻辑，你可以让它工作。是否有一个特定的DomMouseScroll用于向上/向下？也许通过一些条件逻辑，您可以实现这一点。是否有向上/向下的特定DomMouseScroll？