我想用 React Scroll ,但我有一个问题。
我在 Dialog
上使用它来自 Material UI 的组件,滚动仅适用于主体,而不适用于 Dialog
.
var Link = Scroll.Link;
var Element = Scroll.Element;
var Events = Scroll.Events;
var scrollSpy = Scroll.scrollSpy;
componentDidMount() {
Events.scrollEvent.register('begin', function (to, element) {
console.log("begin", arguments);
});
Events.scrollEvent.register('end', function (to, element) {
console.log("end", arguments);
});
scrollSpy.update();
}
componentWillUnmount() {
Events.scrollEvent.remove('begin');
Events.scrollEvent.remove('end');
}
public render() {
return (
<div>
<Link activeClass="active" to="upload" spy={true} smooth={true} duration={500}>Upload</Link>
<Element name="upload">
<UploadZone onupload={this.props.onCreateDocument} onsuccessupload={this.uploadedfile} lastfileupload={this.props.lastuploadfile} clickable={true} />
</Element>
</div>
);
}
我在应用程序组件的对话框中调用此组件,即父组件。所以我想滚动
Dialog
,而不是在 body 上。有谁能够帮助我?
最佳答案
检查“containerId” Prop 。应将 ID 名称添加到负责滚动的容器中。如果是 Material-ui 的对话框 - DialogContent 组件。
关于reactjs - 在对话框 Material ui 上 react 滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43322896/