title: react-scroll scrollToBottom not working when scroll to x does work
body: <p>I am using  react-scroll npm package from here: <a href="https://www.npmjs.com/package/react-scroll" rel="nofollow noreferrer">https://www.npmjs.com/package/react-scroll</a></p>
  <p>Following their example, I have set up my code and I can get the onClick functions to work for scrolling a specific distance but the scrollToBottom still does not work.</p>
  <p>I have also set up my code slightly differently than their example as <code>this.scrollToBottom</code> was throwing errors and so was <code>React.createClass</code>.</p>
  <p>Header.js</p>
  <pre><code>import React from 'react'
  import './Header.scss'
  import { Link, DirectLink, Element, Events, animateScroll as scroll, scrollSpy, scroller } from 'react-scroll'
  
  
   
  const Header = () =&gt; ({
    componentDidMount: function() {
      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: function() {
      Events.scrollEvent.remove('begin');
      Events.scrollEvent.remove('end');
    },
    scrollToTop: function() {
      scroll.scrollToTop();
    },
    scrollToBottom: function() {
      scroll.scrollToBottom();
    },
    handleSetActive: function(to) {
      console.log(to);
    },
  
    render: function() {
      return (
          &lt;div className=&quot;Header&quot;&gt;
              &lt;div className=&quot;Header-div1&quot;&gt;
                  &lt;h3 className=&quot;Header-div1__name&quot;&gt;Caleb Middleton&lt;/h3&gt;
              &lt;/div&gt;
              &lt;div className=&quot;Header-div2&quot;&gt;
                  &lt;p className=&quot;Header-div2__About margin-right&quot; onClick={() =&gt; scroll.scrollToBottom}&gt;About&lt;/p&gt;
                  &lt;p className=&quot;Header-div2__Skills margin-right&quot; onClick={() =&gt; scroll.scrollTo(500)}&gt;Skills&lt;/p&gt;
                  &lt;p className=&quot;Header-div2__Projects margin-right&quot; onClick={() =&gt; scroll.scrollTo(900)}&gt;Projects&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      )
  }
  })
  
  export default Header
  </code></pre>