Closed 0chil closed 1 month ago
export const BottomNav = () => {
const location = useLocation().pathname;
return (
<>
<div className="bottom-0 z-bottomNav flex w-full">
<div className="flex h-16"></div>
</div>
<div className="fixed bottom-0 z-bottomNav flex w-full justify-center">
<div className="flex h-16 w-full max-w-3xl items-center justify-around rounded-t-2xl bg-primary-light text-gray-500 shadow-navigation">
<RouterLink
to={PATH.SNACK_GAME}
className={'flex-col items-center justify-between'}
isActivated={location == PATH.SNACK_GAME}
>
<GameIcon className={'h-6 w-6'} />
<span>게임</span>
</RouterLink>
...
이런식으로 NavBar 크기의 투명 컴포넌트를 하나 넣고, 화면들의 크기를 조정하면 어떨까요? @nijuy
아니 스크롤 이녀석이................................. 방법 제안까지 감사합 니다라고 쓰고 있는데 pr이 열렸네용 지금ㅎ ㅘㄱ인하겠습니다
이게 찐찐막이라고 볼 수 있슴다... 스크롤이 발생해서 BottomNav가 위로 올라가는 현상이 발생했습니다 ㅎㅎ
255 에서 position: fixed-> position: sticky로 변경했었는데 아무래도 fixed로 복귀하고, 다른 방법을 찾아야 할 것 같습니다.