React - 渲染后滚动到页面顶部

时间:2015-11-17 13:55:36

标签: javascript reactjs

我的React组件如下:

var ContentBox = React.createClass({

  componentDidMount:function() {
    this.getContents();
  },

  getContents:function() {
    $.ajax({
      url : ......
      success:function(contents) {
        this.setState({
          contents : contents
        });
      }.bind(this)
    });
  },

  componentDidUpdate:function() {
    ReactDOM.findDOMNode(this).scrollTop = 0;
  }
});

基本上,我想要做的是,当呈现页面时,我想滚动到页面的顶部。 “内容”根据路线参数而变化。

我已经尝试过在Scroll to the top of the page after render in react.js中给出的解决方案但是它不适用于我的。

更新:以下工作

  componentDidUpdate:function() {
    ReactDOM.findDOMNode(this).scrollIntoView();
  }

为什么ReactDOM.findDOMNode(this).scrollTop = 0;不起作用?此外,我已经尝试$(window).scrollTop(),但这也行不通。我试图将它们放在AJAX请求的“成功”功能中,但这也不起作用。

0 个答案:

没有答案