m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2024-12-18 07:13:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #741 from Sammy-T/page-scroll

Browse Source 
Preserve page's scroll position
This commit is contained in:
Mike Cao 2021-07-25 21:27:32 -07:00 committed by GitHub
commit 9b5411efcb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
components/layout/Page.js
View File

@ -2,6 +2,25 @@ import React from 'react';
import classNames from 'classnames';
import styles from './Page.module.css';
export default function Page({ className, children }) {
export default class Page extends React.Component {
getSnapshotBeforeUpdate() {
if (window.pageXOffset === 0 && window.pageYOffset === 0) return null;
// Return the scrolled position as the snapshot value
return { x: window.pageXOffset, y: window.pageYOffset };
}
/* eslint-disable no-unused-vars */
componentDidUpdate(prevProps, prevState, snapshot) {
if (snapshot !== null) {
// Restore the scrolled position after re-rendering
window.scrollTo(snapshot.x, snapshot.y);
}
}
/* eslint-enable no-unused-vars */
render() {
const { className, children } = this.props;
return <div className={classNames(styles.page, className)}>{children}</div>;
}
}