使用jQuery滚动鼠标时如何滚动到特定的div?

时间:2015-06-25 22:41:23

标签: javascript jquery html css

我现在有了这个代码,当点击一个按钮时,它会滚动到正确的位置:

$("#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。我现在一直在谷歌搜索一段时间,所有出现的都是关于平滑滚动的东西,这不是我想要的。任何帮助都会很棒,谢谢。

1 个答案:

答案 0 :(得分:0)

查看此answer及其评论以及MDN page on the wheel event

看起来你可以绑定到这样的事件:

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

但这可能是压倒性的,因为它们每次点击"鼠标滚轮。

fiddle。仅在Chrome中测试过。