me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Keep scroll position when scrolled down and new content is added

Browse source
This commit is contained in:
Eugen Rochko 2016-11-07 02:02:55 +01:00
parent 6d948a809e
commit 8ac4c4eed1
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/assets/javascripts/components/components/status_list.jsx
View file

@ -38,11 +38,23 @@ const StatusList = React.createClass({
handleScroll (e) {
const { scrollTop, scrollHeight, clientHeight } = e.target;
this._oldScrollPosition = scrollHeight - scrollTop;
if (scrollTop === scrollHeight - clientHeight) {
this.props.onScrollToBottom();
}
},
componentDidUpdate (prevProps) {
if (prevProps.statusIds.size < this.props.statusIds.size && this._oldScrollPosition) {
const node = ReactDOM.findDOMNode(this);
if (node.scrollTop > 0) {
node.scrollTop = node.scrollHeight - this._oldScrollPosition;
}
}
},
render () {
const { statusIds, onScrollToBottom, trackScroll } = this.props;