From 6a3dd0a3cfb50cda88db0fc2a74b16de28550333 Mon Sep 17 00:00:00 2001
From: monkeycf <2548772327@qq.com>
Date: Sun, 21 Jun 2020 18:11:14 +0800
Subject: [PATCH] =?UTF-8?q?optimization:=20BackToTop=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BackToTop/index.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/BackToTop/index.vue b/src/components/BackToTop/index.vue
index 36522f4a..7276942f 100644
--- a/src/components/BackToTop/index.vue
+++ b/src/components/BackToTop/index.vue
@@ -40,7 +40,7 @@ export default {
   data() {
     return {
       visible: false,
-      interval: null,
+      animationFrame: null,
       isMoving: false
     }
   },
@@ -49,8 +49,8 @@ export default {
   },
   beforeDestroy() {
     window.removeEventListener('scroll', this.handleScroll)
-    if (this.interval) {
-      clearInterval(this.interval)
+    if (this.animationFrame) {
+      window.cancelAnimationFrame(this.animationFrame)
     }
   },
   methods: {
@@ -62,17 +62,18 @@ export default {
       const start = window.pageYOffset
       let i = 0
       this.isMoving = true
-      this.interval = setInterval(() => {
+      const stepAnimationFrame = () => {
         const next = Math.floor(this.easeInOutQuad(10 * i, start, -start, 500))
         if (next <= this.backPosition) {
           window.scrollTo(0, this.backPosition)
-          clearInterval(this.interval)
           this.isMoving = false
         } else {
           window.scrollTo(0, next)
+          this.animationFrame = window.requestAnimationFrame(stepAnimationFrame)
         }
         i++
-      }, 16.7)
+      }
+      this.animationFrame = window.requestAnimationFrame(stepAnimationFrame)
     },
     easeInOutQuad(t, b, c, d) {
       if ((t /= d / 2) < 1) return c / 2 * t * t + b