限制用户滚动鼠标滚轮，直到css动画完成

Question

我有几个函数，每个函数都需要鼠标滚轮上下调用，这些函数需要以特定的顺序调用，但问题是，当用户滚动更快，这些函数被调用，而不包含前一个函数中包含的CSS动画的完成，我如何确保先前的Css动画在用户进一步滚动之前完成。

Answer 1

你可以做这样的事情：

$('html, body').css({ 
    'overflow': 'hidden', 
    'height': '100%' 
}); 

$(".element").on('transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd', function() { 
    // restore 
    $('html, body').css({ 
     'overflow': 'auto', 
     'height': 'auto' 
    }); 
}); 

起初，滚动将通过CSS被禁用，然后，该元素.element的转换完成后，这个CSS将被重置，而滚动却可能再次。