jQuery滚动功能保持滚动

Question

我目前正在尝试构建一个小型垂直旋转木马。我使用带鼠标滚轮的常规鼠标来构建它，但是当我使用触摸滚动鼠标（如mac鼠标）或鼠标垫时，滚动会连续滚动并且不会停止。谁能告诉我为什么会这样吗？

jQuery代码

$('#slider').on('mousewheel', function(event) {
    if (event.originalEvent.deltaY < 0) {
        $(this).animate({'padding-bottom':'-=440px'});
        if ($(this).css('padding-bottom') == '0px') {
            $(this).animate({'padding-bottom':'3520px'});
        }
    }

    else {
        $(this).animate({'padding-bottom':'+=440px'});
        if ($(this).css('padding-bottom') == '3520px') {
            $(this).animate({'padding-bottom':'0px'});
        }
    }
});

https://codepen.io/Digggid/pen/ZjKNyZ?editors=1000