Skip to content

Instantly share code, notes, and snippets.

@ydeshayes
Last active November 16, 2021 15:42
Show Gist options
  • Save ydeshayes/cb6240c9e0547e49fdd451ee5d66efd7 to your computer and use it in GitHub Desktop.
Save ydeshayes/cb6240c9e0547e49fdd451ee5d66efd7 to your computer and use it in GitHub Desktop.
Setting scroll position with ReactJS
// Edit from http://blog.vjeux.com/2013/javascript/scroll-position-with-react.html
componentDidMount() {
const node = ReactDOM.findDOMNode(this);
node.scrollTop = node.scrollHeight;
}
componentWillUpdate: function() {
const node = this.getDOMNode();
this.shouldScrollBottom = node.scrollTop + node.offsetHeight === node.scrollHeight;
},
componentDidUpdate(prevProps) {
if (this.shouldScrollBottom) {
const node = ReactDOM.findDOMNode(this);
node.scrollTop = node.scrollHeight;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment