Feature request: scrollTo

Any chance you will add scrollTo functionality? Or there is more appropriate library for this?

[stereobooster]

Huh, this is something new. Haven’t seen Element.scrollIntoView().

I’m not convinced we really get anything out of making them the same lib

Well they share some functionality - measuring position of elements.

But I have no strong preference. Will try suggested solutions. Thanks a lot

UPD:

For future googlers there is Element.scrollIntoView() and Element.scrollIntoViewIfNeeded() see caniuse

UPD 2:

Solution looks like this, inspired by http://blog.vjeux.com/2013/javascript/scroll-position-with-react.html

import smoothscrollPolyfill from 'smoothscroll-polyfill';
smoothscrollPolyfill.polyfill();

class MyComponent extends Component {
  componentDidUpdate() {
    if (this.props.active) {
      this.cardContainer.scrollIntoView({behavior: 'smooth'});
    }
  }

  render() {
    return (
      <div ref={ div => { this.cardContainer = div } }>{...}</div>)
  }
}

[lencioni]

Yep, if you need smooth scrolling, I’d go with Element.scrollIntoView() and a polyfill. I know some folks at Airbnb have set that up and I haven’t heard of any issues with it.

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

airbnb-browser-shims brings in smoothscroll-polyfill

• https://www.npmjs.com/package/airbnb-browser-shims
• https://www.npmjs.com/package/smoothscroll-polyfill

I’m not convinced we really get anything out of making them the same lib. Right now there are clearly separated components, managed by two different teams. This seems like a good system to me, because they’re working on making the best scroll component, and we’re working on making the best waypoint component.

👍