WEB-DEVELOPMENT

  • account_tree
  • bug_report

Navigation

  • 화면 스크롤시 getBoundingClientRect() 메소드 사용

    화면을 특정 위치로 스크롤하기 위해서는 해당 위치의 문서 상단으로 부터 떨어진 거리를 구해야 한다. 주로 offsetTop 속성을 사용하지만 getBoundingClientRect() 메소드를 사용하는 경우도 있을 수 있다. 주의할 점은 거리 측정 기준이 다르다는 것이다.
  • 화면 스크롤에 따른 효과 적용

    웹 페이지를 스크롤시 뷰포트시에 진입할 경우 시각적 효과를 적용하여 집중과 전달력을 높히는 기본적인 설계에 대해 알아보자.
  • 휠(wheel)을 이용한 화면 단위 이동

    대부분의 마우스 입력 장치에는 휠(wheel)을 지원한다. 보통 이 휠을 이용하여 화면을 스크롤하는데 이러한 방식으로 화면 단위로 스크롤시키는 기본적인 개념을 알아보자.