ScrollPosition.js

import React, { Component } from 'react'

class ScrollPosition extends Component {
  state = {
    top: 0,
    left: 0
  }

  render() {
    const child = this.props.children(this.state)
    return child ? React.cloneElement(child, {
      ref: (component) => {
        // seriously, what the crap is going on here ...
        this.node = component && component._reactInternalInstance._renderedComponent._hostNode
      },
      onScroll: (event) => {
        this.setState({
          top: this.node.scrollTop,
          left: this.node.scrollLeft
        })
        if (child.props.onScroll)
          child.props.onScroll(event)
      }
    }) : null
  }
}

export default ScrollPosition