Vueはv-showを通じて最高の効果を達成します

    <div class="totop" v-show="toTopShow" @click="toTop()">トップ</div>

.totop {
  幅: 50px;
  高さ: 50px;
  行の高さ: 50px;
  境界線の半径: 25px;
  背景色: 白;
  位置: 固定;
  下: 75px;
  右: 10px;
  テキスト配置: 中央;
}

 データ（） {
    戻る {
  toTopShow: 偽、
      srcoll: 0,
}
},

  時計：
    srcoll() {
      （this.srcoll > 400）の場合{
        this.toTopShow = true;
      } それ以外 {
        this.toTopShow = false;
      }
    },
  },

 マウント() {
    window.addEventListener("スクロール", this.srcollShow);
  },

 メソッド: {
    srcollShow() {
      this.srcoll =
        ウィンドウ.ページYオフセット ||
        ドキュメントの先頭をスクロールします。
        ドキュメント本体のスクロールトップ;
    },
 
 
 先頭へ() {
      this.toTopSpeed ​​= setInterval(() => {
        ドキュメント.documentElement.scrollTop =
          ドキュメントのスクロールトップ - 20;
//数値を変更してスクロールアニメーションを遅延する if (this.srcoll < 10) {
          間隔をクリアします(this.toTopSpeed);
        }
      }, 1);
    },
}