React-custom-scrollbars: access to ref

[mhemrg]

Hi, can I set ref as a prop for <Scrollbars /> and control scrollbars manually?

[amazing-space-invader]

usefulMethod() {
    this.scrollbars.scrollToBottom();
}

render() {
    <Scrollbars ref={s => { this.scrollbars = s; }}>
        <div/>
        <div/>
    </Scrollbars>
}

I correctly understood your question?

[mhemrg]

I need to have access to the element, not the react-custom-scrollbars's API.

[pc035860]

@mhemrg elements are exposed on the API after #155 change.

handleScrollbarsMount(scrollbars) {
  const containerElm = scrollbars.container;
  const viewElm = scrollbars.view;
  const hTrackElm = scrollbars.trackHorizontal;
  const hThumbElm = scrollbars.thumbHorizontal;
  const vTrackElm = scrollbars.trackVertical;
  const vThumbElm = scrollbars.thumbVertical;
}

render() {
    <Scrollbars ref={s => { this.handleScrollbarsMount(s); }}>
        <div/>
        <div/>
    </Scrollbars>
}

[philraj]

This would be nice to mention in the docs. :)