javascript - React 滚动到顶部不起作用？需要新的解决方案

Question

因此，当用户提交表单时，我尝试滚动到屏幕顶部。 Stacked Overflow 上的答案似乎对我不起作用。

这是我的代码:

handleClick (evt) {
    evt.preventDefault();
    this.calculateScore();
    this.setState({submittingQuiz: true});

    // let myPage = document.querySelector('body');
    // myPage.scrollTo(0,0); Couldn't get this way to work either

    window.scrollTo({top: 0, behavior: 'smooth'})
}

关于如何解决此问题的任何想法。我有一些样式，我认为可能会弄乱它..

html {
  background-image: url('./tupac.jpeg');
  background-position-y: -580px;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

Anyone got a clue?

Answer 1

发生这种情况的原因可能是 body 的 height: 100vh; 或者应用程序的某些主容器具有相同的 height: 100vh;

尝试删除 body 和应用程序主容器上的 height: 100vh; 并再次测试。