Javascript 在滚动中，转到Y位置并等待CSS动画完成

这是我的问题。首先，对不起我的英语不好

我在卷轴上有调整大小的标题（100%窗口高度）。我有动画，当它的大小和它的0.5秒长。问题是当我滚动不止一次时，动画没有完成，我必须返回

我需要滚动，在Y位置，并等待动画完成（禁用滚动），以便我可以看到我的内容从Begging。动画完成后，再次启用滚动

这是我的基本脚本

<script>
function init() {
    window.addEventListener('scroll', function(e){
        var distanceY = window.pageYOffset || document.documentElement.scrollTop,
            shrinkOn = 50,
            header = document.querySelector("header");
        if (distanceY > shrinkOn) {
            classie.add(header,"smaller");
        } else {
            if (classie.has(header,"smaller")) {
                classie.remove(header,"smaller");
            }
        }
    });
}
window.onload = init();
</script>

函数init（）{
window.addEventListener（'scroll'，函数（e）{
var distance=window.pageYOffset | | document.documentElement.scrollTop，
shrinkOn=50，
页眉=document.querySelector（“页眉”）；
如果（距离>收缩）{
类别添加（标题，“较小”）；
}否则{
如果（类别有（标题，“较小”））{
类别移除（标题“较小”）；
}
}
});
}
window.onload=init（）；

---

这是我的示例链接：

这可能会帮助您

http://stackoverflow.com/questions/4770025/how-to-disable-scrolling-temporarily

这对我没有帮助，我不太擅长jquery。但是谢谢你。这可能会帮助你

http://stackoverflow.com/questions/4770025/how-to-disable-scrolling-temporarily

这对我没有帮助，我不太擅长jquery。但是谢谢你。