如何使用滚动

Question

我有这个jQuery动画，但我需要在滚动时停止滚动动画。

document.onkeyup = () => {
    $("html").animate({
        scrollTop: "+=500",
    }, {
    duration: 500,
        queue: false,
    });
}
document.onscroll = () => {
    console.log("scrolling");
}

p {
     height: 500px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p> sample </p>
<p> sample </p>
<p> sample </p>
<p> sample </p>
<p> sample </p>
<p> sample </p>

在动画的jQuery documentation中，我看到您可以使用jQuery.fx.off = true关闭动画，但在这种情况下我不知道如何有效地使用它。我有办法做到这一点吗？