Figmapedia
목록으로 돌아가기
UX/UI 디자인

웹 모달, 스크롤 기능 사용

피그마 오픈카톡방2026. 3. 7.

질문사항

웹(및 모바일 웹)에서 모달(Modal) 내부에 스크롤 기능이 들어가는 경우가 일반적인가요?

답변

네, 웹 및 모바일 웹 환경에서 모달 내부에 스크롤 기능이 들어가는 경우는 흔하게 발생합니다. 특히 다음과 같은 경우에 필요할 수 있습니다:
  • 긴 내용 표시: 약관, 개인정보 처리 방침, 상세 공지사항 등 모달 내에 표시해야 할 내용이 길어 모달의 최대 높이를 초과할 때.
  • 폼 입력: 여러 필드를 포함하는 긴 입력 폼이 모달 내에 있을 때.
  • 콘텐츠 탐색: 모달 내에서 여러 항목을 탐색해야 하는 경우.
  • 디자인 고려사항:

  • 스크롤 영역 명확화: 모달 내에서 스크롤이 가능한 영역을 시각적으로 명확하게 표시하여 사용자가 인지할 수 있도록 합니다.
  • 콘텐츠 길이 조절: 내용이 너무 길어 스크롤이 과도하게 발생하는 경우, 내용을 요약하고 '자세히 보기' 버튼을 통해 별도의 페이지나 더 큰 모달/사이드 시트로 이동시키는 것을 고려할 수 있습니다.
  • 액션 버튼 고정: 모달 하단의 '확인', '취소'와 같은 액션 버튼은 스크롤과 무관하게 항상 보이도록 고정하는 것이 사용자 경험에 좋습니다.