jQuery滚动功能保持滚动

时间:2018-08-08 18:24:07

标签: javascript jquery scroll carousel mousewheel

我目前正在尝试构建一个小型垂直旋转木马。我使用带鼠标滚轮的常规鼠标来构建它,但是当我使用触摸滚动鼠标(如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

0 个答案:

没有答案