withScroll Higher Order Component

with_scroll_higher_order_component.js

var getScroll = function() {
  return (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop
}

var withScroll = function(Component) {
  return React.createClass({
    getInitialState: function() {
      return {
        scroll: getScroll()
      }
    },
    componentDidMount: function () {
      var handleScroll =() => {
        var scroll = getScroll()
        this.setState({ scroll: scroll })
      };

      document.addEventListener('scroll', handleScroll);
      this.unsubscribe = function() {
        document.removeEventLister('scroll', handleScroll);
      };
    },
    componentWillUnmount: function() {
      this.unsubscribe();
    },
    render: function() {
      return <Component {...this.props} {...this.state} />
    }
  });
};