如何在滚动时停止动画？

在滚动时停止动画可以通过以下几种方式实现：

1. 使用JavaScript监听滚动事件，并在滚动时暂停动画。可以通过addEventListener方法绑定scroll事件，然后在事件处理函数中暂停动画的播放。具体实现代码如下：

window.addEventListener('scroll', function() {
  // 暂停动画的播放逻辑
});

1. 使用CSS属性pointer-events来控制动画元素的交互性。通过将动画元素的pointer-events属性设置为none，可以在滚动时禁用动画元素的交互性，从而达到停止动画的效果。具体实现代码如下：

.animation-element {
  pointer-events: none;
}

1. 使用JavaScript动态修改动画元素的CSS属性来停止动画。可以通过获取动画元素的样式对象，然后修改相关的CSS属性，使动画停止播放。具体实现代码如下：

var animationElement = document.getElementById('animation-element');
animationElement.style.animationPlayState = 'paused';

以上是几种常见的在滚动时停止动画的方法，具体选择哪种方法取决于具体的需求和实际情况。