下にスクロールするとcomponentDidMountで反応しません

Question

私のコードには何が問題なのですか？私はスクロールが起こって、エラーが表示されません。おそらくスクロールが起こった後に小道具が来たでしょうか？

class MsgPanel extends Component { 

    componentDidMount() { 
     window.scrollTo(0, 0) // won't work 
    } 

    render() { 
     return(
      <div> 
       {this.props.something} 
      </div> 
     ) 
    } 
} 

Answer 1

window.scrollTo(0, 0)あなたはそれがページの一番下までスクロールしたい場合、あなたは第二引数の値を大きくする必要があり、ページの最上部です。

window.scrollTo(0, 500); 

[OK]をクリックして問題は解決しました。反応ルータを使用している場合は、Routeでそれを行うことができます。

<Route exact onUpdate={() => window.scrollTo(0, 0)} path="/mycomponent" component={MyComponent} /> 

ここでの議論をチェックアウト：https://github.com/ReactTraining/react-router/issues/2144

をまた、[OK]をそれあなたのCSSを確認してください：あなたは `1ms`遅延でタイムアウト機能には、このウィンドウ関数をドロップすることができJavaScript scrollTo method does nothing?