Moved to returning scroll parent through a function

Author: k2snowman69

README.md

@@ -69,7 +69,7 @@ You can define a custom `parentNode` element to base the scroll calulations on.
             hasMore={true || false}
             loader={<div className="loader" key={0}>Loading ...</div>}
             useWindow={false}
-            scrollParent={this.scrollParentRef}
+            getScrollParent={() => return this.scrollParentRef}
         >
             {items}
         </InfiniteScroll>
@@ -88,7 +88,7 @@ You can define a custom `parentNode` element to base the scroll calulations on.
 | `loadMore`       | `Function`    |            | A callback when more items are requested by the user. Receives a single parameter specifying the page to load e.g. `function handleLoadMore(page) { /* load more items here */ }` }|
 | `loader`         | `Component`   |            | A React component to render while more items are loading. The parent component must have a unique key prop. |
 | `pageStart`      | `Number`      | `0`        | The number of the first page to load, With the default of `0`, the first page is `1`.|
-| `scrollParent`   | `React.Element`|           | Override for the scroll listener to attach to if not the immediate parent. |
+| `getScrollParent`   | `Function`|           | Override method to return a different scroll listener if not the immediate parent. |
 | `threshold`      | `Number`     | `250`      | The distance in pixels before the end of the items that will trigger a call to `loadMore`.|
 | `useCapture`     | `Boolean`     | `false`     | Proxy to the `useCapture` option of the added event listeners.|
 | `useWindow`      | `Boolean`     | `true`     | Add scroll listeners to the window, or else, the component's `parentNode`.|

dist/InfiniteScroll.js

@@ -166,7 +166,7 @@ var InfiniteScroll = (function(_Component) {
     {
       key: 'getParentElement',
       value: function getParentElement(el) {
-        var scrollParent = this.props.scrollParent;
+        var scrollParent = this.props.getScrollParent();
         if (scrollParent != null) {
           return scrollParent;
         }
@@ -308,6 +308,7 @@ var InfiniteScroll = (function(_Component) {
           threshold = renderProps.threshold,
           useCapture = renderProps.useCapture,
           useWindow = renderProps.useWindow,
+          getScrollParent = renderProps.getScrollParent,
           props = _objectWithoutProperties(renderProps, [
             'children',
             'element',
@@ -321,6 +322,7 @@ var InfiniteScroll = (function(_Component) {
             'threshold',
             'useCapture',
             'useWindow',
+            'getScrollParent',
           ]);
 
         props.ref = function(node) {
@@ -360,7 +362,7 @@ InfiniteScroll.propTypes = {
   loadMore: _propTypes2.default.func.isRequired,
   pageStart: _propTypes2.default.number,
   ref: _propTypes2.default.func,
-  scrollParent: _propTypes2.default.element,
+  getScrollParent: _propTypes2.default.func,
   threshold: _propTypes2.default.number,
   useCapture: _propTypes2.default.bool,
   useWindow: _propTypes2.default.bool,
@@ -376,7 +378,7 @@ InfiniteScroll.defaultProps = {
   isReverse: false,
   useCapture: false,
   loader: null,
-  scrollParent: null,
+  getScrollParent: null,
 };
 exports.default = InfiniteScroll;
 module.exports = exports['default'];

src/InfiniteScroll.js

@@ -12,7 +12,7 @@ export default class InfiniteScroll extends Component {
     loadMore: PropTypes.func.isRequired,
     pageStart: PropTypes.number,
     ref: PropTypes.func,
-    scrollParent: PropTypes.element,
+    getScrollParent: PropTypes.func,
     threshold: PropTypes.number,
     useCapture: PropTypes.bool,
     useWindow: PropTypes.bool,
@@ -29,7 +29,7 @@ export default class InfiniteScroll extends Component {
     isReverse: false,
     useCapture: false,
     loader: null,
-    scrollParent: null,
+    getScrollParent: null,
   };
 
   constructor(props) {
@@ -89,7 +89,7 @@ export default class InfiniteScroll extends Component {
   }
 
   getParentElement(el) {
-    const scrollParent = this.props.scrollParent;
+    const scrollParent = this.props.getScrollParent();
     if (scrollParent != null) {
       return scrollParent;
     }
@@ -211,7 +211,7 @@ export default class InfiniteScroll extends Component {
       threshold,
       useCapture,
       useWindow,
-      scrollParent,
+      getScrollParent,
       ...props
     } = renderProps;