JavaScript Element.scrollIntoView() 메서드의 동작으로 올바른 것은?

Q: JavaScript Element.scrollIntoView() 메서드의 동작으로 올바른 것은?

해당 요소가 뷰포트에 보이도록 스크롤 위치를 자동으로 조절한다 scrollIntoView()는 호출된 요소가 화면에 보이도록 부모 스크롤 컨테이너나 페이지를 스크롤합니다. { behavior: 'smooth', block: 'center' } 옵션으로 부드러운 스크롤과 위치(start, center, end)를 지정할 수 있어, 앵커 네비게이션이나 에러 필드 포커스 이동에 활용됩니다.

쉬움 MDN Web Docs

보기 및 정답

A 요소를 DOM 트리에서 제거한 후 새로운 위치에 다시 삽입한다

B 해당 요소가 뷰포트에 보이도록 스크롤 위치를 자동으로 조절한다

C 요소의 overflow 속성을 변경하여 스크롤 기능을 추가한다

D 요소 내부에 커스텀 스크롤바를 동적으로 생성하여 추가한다

해설

scrollIntoView()는 호출된 요소가 화면에 보이도록 부모 스크롤 컨테이너나 페이지를 스크롤합니다. { behavior: 'smooth', block: 'center' } 옵션으로 부드러운 스크롤과 위치(start, center, end)를 지정할 수 있어, 앵커 네비게이션이나 에러 필드 포커스 이동에 활용됩니다.

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

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

정규반 살펴보기

JavaScript Element.scrollIntoView() 메서드의 동작으로 올바른 것은?

해설

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

관련 문제

시장과 사람의 답을 봤다면,다음 결과물의 구조를 고릅니다.

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.