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