title: React scroll on dialog material ui
body: <p>I would like to use  <a href="https://github.com/fisshy/react-scroll/blob/master/examples/basic/app.js" rel="nofollow noreferrer">React Scroll</a>, but I have a problem.</p>
  <p>I'm using it on a <code>Dialog</code> component from Material UI, the scroll only works on the body, and not on the <code>Dialog</code>.</p>
  <pre><code>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(&quot;begin&quot;, arguments);
      });
  
      Events.scrollEvent.register('end', function (to, element) {
          console.log(&quot;end&quot;, arguments);
      });
  
      scrollSpy.update();
  }
  
  componentWillUnmount() {
      Events.scrollEvent.remove('begin');
      Events.scrollEvent.remove('end');
  }
  
  public render() { 
      return (
          &lt;div&gt;
              &lt;Link activeClass=&quot;active&quot; to=&quot;upload&quot; spy={true} smooth={true} duration={500}&gt;Upload&lt;/Link&gt;
              &lt;Element name=&quot;upload&quot;&gt;
                  &lt;UploadZone onupload={this.props.onCreateDocument} onsuccessupload={this.uploadedfile} lastfileupload={this.props.lastuploadfile} clickable={true} /&gt;   
              &lt;/Element&gt;
          &lt;/div&gt;
      );
  }
  </code></pre>
  <p>And I call this component in a dialog on application component, the parent component.</p>
  <p>So I would like to scroll on the <code>Dialog</code>, and not on the body.</p>
  <p>Can anybody help me?</p>