더북(TheBook)

또는 다음처럼 객체 리터럴을 전달받을 수도 있습니다.

window.scrollTo({left:100, top:200});
window.scrollBy({left:100, top:200});

scrollTo() 메서드나 scrollBy() 메서드의 매개변수에 객체 리터럴을 전달할 때, behavior 속성을 전달할 수 있습니다. behavior 속성값을 smooth로 하면 웹 브라우저 스크롤이 해당 위치로 마우스 휠을 굴리듯이 부드럽게 이동합니다.

11/04/scrollToByBehavior.html

window.scrollTo({top:4000, behavior:'smooth'});
window.scrollBy({top:600, behavior:'smooth'});

단, behavior 속성의 smooth 값은 IE, 사파리 웹 브라우저에서는 지원하지 않으니 사용할 때 주의해야 합니다.

TIP | 책에 소개 되지 않은 다른 브라우저 모델 객체는 https://developer.mozilla.org/ko/docs/Web/API 페이지를 참고해 주세요.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.