回到顶部功能—基于JS撰写，直接可以复制它不香吗？

// 创建元素
const files = document.createElement('div')
files.innerHTML = '<i class="el-icon-top"></i>'

// 设置样式
const filesStyle = {
  position: 'fixed',
  zIndex: 99,
  backgroundColor: '#FF7D57',
  borderRadius: '50%',
  bottom: '100px',
  right: '50px',
  display: 'none',
  color: 'white',
  width: '50px',
  height: '50px',
  alignItems: 'center',
  justifyContent: 'center',
  fontSize: '25px',
  cursor: 'pointer'
}

// 添加样式
for (const key in filesStyle) {
    files.style[key] = filesStyle[key]
}

// 添加节点
document.body.append(files)

// 添加点击事件
files.onclick = function smoothscroll () {
    window.scrollY > 0 && window.requestAnimationFrame(smoothscroll)
    window.scrollTo(0, window.scrollY - (window.scrollY / 5))
}

// 设置滚动事件 
window.onscroll = () => {
    files.style.display = window.scrollY > 300 ? 'flex' : 'none'
}