在对话框材质 ui 上反应滚动

Question

我想使用 React Scroll，但我遇到了问题。

我在DialogMaterial 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，而不是在身体上滚动。

有谁能够帮助我？

Answer 1

检查 'containerId' 属性。ID名称应该添加到负责滚动的容器中。对于 Material-ui 的对话框 - DialogContent 组件。