React移动端scrollTop回到顶部

在没有jQuery的animate方法可使用的时候,要实现回到顶部的效果,

可以通过原生JS的elment.scrollTop方法回去,但是很生硬,加上 setInterval配合就可以实现细腻的滚动效果了。

top = () => {
  const obj = document.getElementsByClassName('list-view')[0];
  const timer = setInterval(() => {
    if (obj.scrollTop > 0) {
      obj.scrollTop -= 10;
    } else {
      clearInterval(timer);
    }
  }, 1);
}

 




posted @ 2018-07-11 19:21  清风晰心  阅读(2170)  评论(0编辑  收藏  举报