diff --git a/assets/components/ScrollProgress.vue b/assets/components/ScrollProgress.vue
index 8b7d90da..3f1ca236 100644
--- a/assets/components/ScrollProgress.vue
+++ b/assets/components/ScrollProgress.vue
@@ -74,8 +74,8 @@ export default {
     onScroll() {
       const p = this.parentElement == document ? document.documentElement : this.parentElement;
       this.scrollProgress = p.scrollTop / (p.scrollHeight - p.clientHeight);
+      this.animation.cancel();
       if (this.autoHide) {
-        this.animation.cancel();
         this.animation = this.$el.animate(
           { opacity: [1, 0] },
           {