Блог

Я пытаюсь ненадолго приостановить загрузку анимации, поскольку хочу, чтобы она сбрасывалась с помощью прокрутки, но я не хочу, чтобы у меня была возможность сделать это сразу.

 <div id="progressbar">
  <div id="loading" class="run-animation"></div>
</div>

    <script>

"use strict";

var element = document.getElementById("loading");

document.addEventListener("mousewheel", function(e){
  e.preventDefault;

  void element.offsetWidth;
  element.classList.add("run-animation");
}, false);

</script>
  

Вы можете добавить новый класс pause-animation , как показано ниже. И всякий раз, когда вы хотите приостановить свой элемент, просто добавьте этот класс к элементу like element.classList.add("pause-animation") . Вы также можете удалить его для воспроизведения.

 .pause-animation{
    animation-play-state: paused;
}