import * as React from 'react'; import Head from 'next/head'; import { Spacer } from '@1milligram/design'; import { RelatedPatterns } from '../../components/RelatedPatterns'; import { Pattern } from '../../constants/Pattern'; import { PatternLayout } from '../../layouts/PatternLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; const Details: React.FC<{}> = () => { return (
Try to scroll the main content to see each section sticks to the top of page.
...
... `} css={` .container { height: 100%; overflow: scroll; } .container__section { /* Take full size */ height: 100%; width: 100%; /* Stick to the top */ position: sticky; top: 0; } `} >
); }; export default Details;