点击回到顶部，js动画版

(function () {

  const HTML = document.documentElement,

    link = document.querySelector('.link');

  //根据浏览器卷去的高度，计算link 的显示隐藏【window.onscroll监听浏览器滚动条滚动事件】

  const scrollMove = function scrollMove() {

    let { scrollTop, clientHeight } = HTML;

    link.style.display = scrollTop >= clientHeight ? 'block' : 'none';

  };

  window.onscroll = scrollMove;

  // 固定时间的匀速运动公式：计算当前的位置

  // time 已经运动的时间

  // begin 起始位置

  // change 总距离

  // duration 总时间

  // t/d*c+b

  const linear = (t, b, c, d) => t / d * c + b;

  link.onclick = function () {

    let time = 0, //已经运动的时间赋值0

      begin = HTML.scrollTop,// 起始的位置的等于卷上去的高度

      change = 0 - begin, // 总距离=0-起始位置

      duration = 1000,// 总