처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
더보기
인사이트 FAQ 유튜브 카페

로그인

| 비밀번호찾기

추가 정보 입력

서비스 이용을 위해 휴대전화 번호를 입력해주세요.

회원가입

무료 회원가입 가입비 없이 무료로 가입할 수 있습니다

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / CSS / 문제

CSS에서 scroll-snap-type과 scroll-snap-align을 함께 사용하는 목적으로 올바른 것은?

보통 MDN Web Docs
보기 및 정답
A 스크롤 시 요소가 특정 위치에 자동으로 정렬(스냅)되어 카루셀이나 페이지 단위 스크롤을 구현한다
B @supports 규칙은 JavaScript로만 해석되며 순수 CSS로는 동작하지 않는다
C scroll-behavior: smooth는 JavaScript의 scrollTo에는 적용되지 않는다
D CSS의 clamp() 함수는 내부에 calc() 표현식을 사용할 수 없다는 제한이 있다

해설

scroll-snap-type은 스크롤 컨테이너에 스냅 동작을 설정하고, scroll-snap-align은 자식 요소가 스냅될 위치(start, center, end)를 지정합니다. 이를 통해 JavaScript 없이도 카루셀, 풀페이지 스크롤 등의 인터랙션을 CSS만으로 구현할 수 있습니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

관련 문제

CSS @media (forced-colors: active) 미디어 쿼리는 언제 적용되나요?
CSS
CSS @media (prefers-reduced-motion: reduce) 미디어 쿼리의 용도는?
CSS
CSS transform 속성으로 할 수 있는 것에 해당하지 않는 것은?
CSS
CSS :nth-child() 선택자의 'of S' 구문(예: :nth-child(2 of .active))의 동작으로 올바른 것은?
CSS
CSS text-wrap: balance 속성의 효과로 올바른 것은?
CSS