또는 다음처럼 객체 리터럴을 전달받을 수도 있습니다.
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 페이지를 참고해 주세요.