基于umi,监听路由变化,实现重置滚动条

1,599 阅读1分钟

在app.js中,对全局路由变化进行监听,实现当路由切换时,将滚动条重置到最顶端

import { isBrowser } from 'umi';

export function onRouteChange({ location, routes, action }) {
  if (isBrowser()) {
    if(document.getElementsByClassName('dt-layout-content')[0]){
      document.getElementsByClassName('dt-layout-content')[0].scrollTo(0, 0)
    }
  }
}

获取类名,[0]表示第一个元素,通过scrollTo(0, 0)重置