Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何以编程方式滚动材质UI中的抽屉?_Javascript_Reactjs_Material Ui - Fatal编程技术网

Javascript 如何以编程方式滚动材质UI中的抽屉?

Javascript 如何以编程方式滚动材质UI中的抽屉?,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,有人能帮忙吗? 这是我的代码: 我遵循以下代码:抽屉创建一个元素,它将具有如下结构 parent div > nested div > your data 当把ref放入抽屉时,你不会得到需要滚动的div reference 您需要做的是,您可以将ref添加到数据div,并通过ref.parent,这样您将拥有parent div ref,并且可以在那里滚动元素 要滚动,必须在应用溢出的位置具有div的ref 以下是您需要做的更改 您将得到一个元素,而不是容器 handleScro

有人能帮忙吗? 这是我的代码:


我遵循以下代码:

抽屉创建一个元素,它将具有如下结构

parent div > nested div > your data
当把ref放入抽屉时,你不会得到需要滚动的div reference

您需要做的是,您可以将ref添加到数据
div
,并通过
ref.parent
,这样您将拥有parent div ref,并且可以在那里滚动元素

要滚动,必须在应用溢出的位置具有div的ref

以下是您需要做的更改

您将得到一个元素,而不是容器

handleScrollTo = () => {

    console.log(this.container.parentElement.scrollTop);
    this.container.parentElement.scrollTop = 200;
  };
使用卷轴上的数据代替抽屉上的ref

<Drawer open={this.state.left} onClose={this.toggleDrawer( "left", false)} onScroll={e=> console.log("scroll " + e.target.scrollTop)} >
  <div ref={el=> (this.container = el)} tabIndex={1} role="button" onKeyDown={this.toggleDrawer("left", false)} > {sideList} </div>
</Drawer>
console.log(“scroll”+e.target.scrollTop)}>
(this.container=el)}tabIndex={1}role=“button”onKeyDown={this.toggleDrawer(“left”,false)}>{sideList}

请在此处添加关键部件您的技术非常有效!非常感谢。抽屉打开时,如何使其自动滚动?此代码无效:
{This.handleScrollTo();}}}>