javascript - react : setting scrollTop property of div doesn't work

Question

我是新手，目前我正在尝试将 div 的 scrollTop 属性设置为所需的数字。不幸的是，它对我不起作用。请看下面的代码:

class Testdiv extends React.Component {
  constructor(props){
    super(props);
    this.divRef = React.createRef();
  }
  componentDidMount(){
    this.divRef.current.scrollTop = 100;
  }
  render(){
    return (
     <div className="testDiv" ref={this.divRef}>
      Hello World<br /><br /><br /><br />
        Hello World!
      </div>
    );
  }
}
ReactDOM.render(
 <Testdiv />,
 document.getElementById('root')
);

还有 CSS:

.testDiv{
  height: 500px;
  overflow: auto;
}

Here是相应代码的codeio pen。附言我不想使用 Jquery。感谢您的帮助。

Answer 1

这是一个 css/overflow 问题，而不是 JS/React 问题。问题是 testDiv 不够高，无法发生任何事情。设置 height: 30px ，你会看到区别:https://codepen.io/anon/pen/ZmBydZ