模拟手动滑动的效果

场景：点击一个div后，将这个div移动到顶部并展开，类似流利说的单词卡片学习。
talk is cheap

       /**
    * 1、获取当前div距离浏览器顶部距离
    * 2、获取滚动条移动的距离（区分不同的浏览器）
    * 3、赋值
    */
   const offsetTop = document.getElementsByClassName('current')[0]
     .offsetTop
   console.log(offsetTop)

   const scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop console.log(scrollTop)

   document.documentElement.scrollTop = document.getElementsByClassName('current')[0].offsetTop
   window.pageYOffset = document.getElementsByClassName('current')[0].offsetTop
   document.body.scrollTop = document.getElementsByClassName('current')[0].offsetTop

参考：MDN