choijming21 님의 블로그

  • 홈
  • 태그
  • 방명록

2025/04/21 1

[ Troubleshooting🛠️ ] sticky 포지션과 overflow: hidden 충돌 해결하기

1. 문제 발생❓ Next.js 프로젝트에서 랜딩 페이지 템플릿을 개발하던 중, 페이지 최상단에 overflow: hidden 속성을 추가하고 싶었으니 이를 적용하자 Lnb 컴포넌트(sticky 네비게이션 바)가 제대로 동작하지 않는 문제가 발생했습니다. // 문제가 있는 코드export default function Template({ userInfo }: Props) { // ... 코드 생략 ... return ( {/* 나머지 콘텐츠 */} );} 2. 원인 추론 🔎해당 문제의 원인은 CSS positon: sticky와 overflow: hidden 사이의 상호작용에 있었습니다. Lnb 컴포넌트는 내부적으로 positio..

인턴 2025.04.21
이전
1
다음
더보기
프로필사진

choijming21 님의 블로그

choijming21 님의 블로그 입니다.

  • 분류 전체보기 (113)
    • 개인과제 (16)
    • 수준별 분반 (10)
    • 팀프로젝트 (18)
    • 사전캠프 (1)
    • 강의 (16)
    • 알고리즘 (10)
    • 왓에버 (4)
    • 인턴 (38)

Tag

객체, 오류, Vercel, 팀프로젝트, docker, jotai, zod, TypeScript, 리렌더링, react, nextjs, 도커, ref, 자동스크롤, 트러블슈팅, Troubleshooting, 반응형, 렌더링, 뉴스피드, getStaticProps,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/04   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바