javascript – React：设置div的scrollTop属性不起作用

我是新手做出反应,目前我正在尝试将div的scrollTop属性设置为所需的数字.不幸的是,它对我不起作用.请参阅以下代码：

class Testdiv extends React.Component {
  constructor(props){
    super(props);
    this.divRef = React.createRef();
  }
  componentDidMount(){
    this.divRef.current.scrollTop = 100;
  }
  render(){
    return (
     
Hello World!
      

而CSS：

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

Here是相应代码的codeio笔.附：我不想使用Jquery.感谢您的帮助.

最佳答案

您必须确保testDiv的内容高于容器本身,并在y轴上设置溢出以进行滚动.

例

class Testdiv extends React.Component {
  divRef = React.createRef();

  componentDidMount() {
    setTimeout(() => {
      this.divRef.current.scrollTop = 1000;
    },1000);
  }

  render() {
    return (
      
Hello World!
      

                                
原文地址：https://www.jb51.cc/html/425655.html
                                 
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。
                            

• 上一篇：html – 创建水平居中的背景图像渐下一篇：javascript – 使用Puppeteer,Moc