Vue erzielt den Top-Effekt durch V-Show

    <div Klasse="nach oben" v-show="toTopShow" @click="toTop()">nach oben</div>

.nach oben {
  Breite: 50px;
  Höhe: 50px;
  Zeilenhöhe: 50px;
  Rahmenradius: 25px;
  Hintergrundfarbe: weiß;
  Position: fest;
  unten: 75px;
  rechts: 10px;
  Textausrichtung: zentriert;
}

 Daten() {
    zurückkehren {
  toTopShow: false,
      srcoll: 0,
}
},

  betrachten:
    srcoll() {
      wenn (this.srcoll > 400) {
        dies.toTopShow = wahr;
      } anders {
        this.toTopShow = falsch;
      }
    },
  },

 montiert() {
    window.addEventListener("scrollen", this.srcollShow);
  },

 Methoden: {
    srcollShow() {
      dies.srcoll =
        Fenster.SeitenYOffset ||
        Dokument.documentElement.scrollTop ||
        Dokument.Body.ScrollTop;
    },
 
 
 nachOben() {
      dies.toTopSpeed ​​​​= setInterval(() => {
        Dokument.documentElement.scrollTop =
          Dokument.documentElement.scrollTop – 20;
//Verzögerte Scroll-Animation durch Ändern der Zahlen if (this.srcoll < 10) {
          LöschenInterval(this.toTopSpeed);
        }
      }, 1);
    },
}