Scrolling inside different containers

Right now React-Scroll-To only supports scrolling on the window, but there are use-cases where a user might want to scroll inside different containers (say a div).

Proposed Idea: Add a new prop to <ScrollTo> to accept a ‘scrolling location’. This would look like:

<ScrollTo container={divRef}>
    {scroll => ... }
</ScrollTo>

Where the container could be a Ref passed in. If nothing is given in the container prop, default to using window.

[ganderzz]

@newyork-anthonyng My wording was off, I was thinking of it more like reusable functions instead of an actual class hierarchy. But thinking about it more, it would require a single global instance of a ScrollArea array.

I’m in favor of option 1 due to a single global object sounding like a bad idea. Option 1 would better encapsulate the ScrollArea array into each instance of ScrollTo and ScrollToHOC. Playing around with the idea, here’s an example of option 1.

[ganderzz]

@newyork-anthonyng No problem, always good to have a second pair of eyes on things. I’ll get a PR made up, and close this issue out! 😄