1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
| import React, { ReactElement, useEffect } from 'react' import './index.css'
interface Props {
}
export default function Main({ }: Props): ReactElement { const [windowSize, setWindowSize] = React.useState({ width: 0, height: 0 }) const windowChange = () => { const width = window.scrollX const height = window.scrollY setWindowSize({ width, height }) console.log(height) } useEffect(() => { windowChange() window.addEventListener('scroll', windowChange) return () => { window.removeEventListener('scroll', windowChange) } }, [])
return ( <div className='maindiv'> Main </div> )
}
|