yaogengzhu / daily-share

个人博客记录、内容在issues
30 stars 4 forks source link

react hooks lib 好用的hooks收集 useHooks(2022-4-8) #160

Open yaogengzhu opened 2 years ago

yaogengzhu commented 2 years ago

useHooks

yaogengzhu commented 2 years ago

😆 移动端滚动穿透 👍

function useLockBodyScroll() {
    useLayoutEffect(() => {
        // Get original body overflow
        const originalStyle = window.getComputedStyle(document.body).overflow
        // Prevent scrolling on mount
        document.body.style.overflow = 'hidden'
        // Re-enable scrolling when component unmounts
        return () => (document.body.style.overflow = originalStyle)
    }, []) // Empty array ensures effect is only run on mount and unmount
}