VUE3中关于通栏和回到顶部按钮的实现

<template>
  <div id="demo">
    <transition name="top">
      <div id="top" v-if="showTop">顶部通栏</div>
    </transition>
    <div>
      <h1>hah1</h1>
      <h1>hah2</h1>
      <h1>hah3</h1>
      <h1>hah4</h1>
      <h1>hah5</h1>
      <h1>hah6</h1>
      <h1>hah7</h1>
      <h1>hah8</h1>
      <h1>hah9</h1>
      <h1>hah10</h1>
      <h1>hah</h1>
      <h1>hah</h1>
      <h1>hah</h1>
      <h1>hah</h1>
      <h1>hah</