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);

好的，这不是问题所在。如果您使用的是react-router，则可以在路由上执行此操作。

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

查看此处的讨论：https://github.com/ReactTraining/react-router/issues/2144

另外，请确保您的css没问题：JavaScript scrollTo method does nothing?

滚动到底部不能在componentDidMount中起作用

1 个答案: