滑动到顶部或底部

原来js 是这样的

const scrollToTop = () => {
  const c = document.documentElement.scrollTop || document.body.scrollTop
  
  if (c > 0) {
    window.requestAnimationFrame(scrollToTop)
    window.scrollTo(0, c - c / 8)
  }
}

html {
  scroll-behavior: smooth;
}

<a id="top" href="#bottom">Scroll to bottom</a>
    <div>
      <p>hello q d le a de r</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
      <p>hello qdleader</p>
    </div>
    <a id="bottom" href="#top">Scroll to top</a>