mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-01-13 15:29:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

Autoscrolling on mobile devices

Browse Source
This commit is contained in:
alxshelepenok 2019-02-09 15:54:31 +03:00
parent d31e82a2f9
commit 1ac51111f7
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Page/Page.js
View File

@ -1,15 +1,23 @@
import React from 'react';
import React, { useRef, useEffect } from 'react';
import styles from './Page.module.scss';
const Page = ({ title, children }) => (
<div className={styles['page']}>
<div className={styles['page__inner']}>
{ title && <h1 className={styles['page__title']}>{title}</h1>}
<div className={styles['page__body']}>
{children}
const Page = ({ title, children }) => {
const pageRef = useRef();
useEffect(() => {
pageRef.current.scrollIntoView();
});
return (
<div ref={pageRef} className={styles['page']}>
<div className={styles['page__inner']}>
{ title && <h1 className={styles['page__title']}>{title}</h1>}
<div className={styles['page__body']}>
{children}
</div>
</div>
</div>
</div>
);
);
};
export default Page;