window.scroll()

window.scroll()

window.scroll() 메서드는 선택한 요소에 스크롤 값을 설정합니다.

---

window.scroll()

window.scroll() 메서드는 선택한 요소에 스크롤 값을 설정합니다.

특징	설명
유형(type)	window
버전(version)	--
결과값(return)	None(undefined)
사용성	★★★☆☆

문법(Syntax)

window.scroll(x, y)
window.scroll(옵션)

//속성 값을 변경하는 경우
window.scroll(100, 0);

//옵션을 넣는 경우
window.scroll({
    top: 2000,
    left: 0,
    behavior: 'smooth'
});

• x : x축 좌표값을 설정합니다.
• y : y축 좌표값을 설정합니다.
• 옵션 : 위치값(top, left)를 설정할 수 있으며, smooth를 설정할 수 있습니다.

정의(Definition)

• window.scroll() 메서드는 선택한 요소에 스크롤 값을 설정합니다.
• window는 생략 가능합니다.

스크롤과 관련된 메서드(Scroll Related method)

• window.pageXOffset 속성은 선택한 요소의 가로 스크롤 값(브라우저 기준)을 가져옵니다.
• window.pageYOffset 속성은 선택한 요소의 세로 스크롤 값(브라우저 기준)을 가져옵니다.
• window.scrollX 속성은 선택한 요소의 가로 스크롤 값(브라우저 기준)을 가져옵니다.
• window.scrollY 속성은 선택한 요소의 세로 스크롤 값(브라우저 기준)을 가져옵니다.
• window.scroll() 메서드는 선택한 요소에 스크롤 값을 설정합니다.
• window.scrollTo() 메서드는 선택한 요소에 스크롤 값(상대 위치)을 설정합니다.
• window.scrollBy() 메서드는 선택한 요소에 스크롤 값(절대 위치)을 설정합니다.
• element.scrollLeft 속성은 선택한 요소에 가로 스크롤 값을 가져오거나 설정합니다.
• element.scrollTop 속성은 선택한 요소에 세로 스크롤 값을 가져오거나 설정합니다.
• element.scrollIntoView() 메서드는 선택한 요소를 기준으로 이동하거나 설정합니다.

위치 및 스크롤과 관련된 메서드(Position & Scroll Related method) - jQuery

• offset() 메서드는 선택한 요소의 위치 좌표 값(문서 기준)을 가져오거나 설정합니다.
• position() 메서드는 선택한 요소의 위치 좌표 값(기준점 기준)을 가져오거나 설정합니다.
• scrollLeft() 메서드는 선택한 요소의 가로 스크롤 값(브라우저 기준)을 가져오거나 설정합니다.
• scrollTop() 메서드는 선택한 요소의 세로 스크롤 값(브라우저 기준)을 가져오거나 설정합니다.

호환성(Compatibility)

						6	7	8	9	10	11
scroll()	○	○	○	○	○	❌	❌	❌	○	○	○	○	○	○

참고 사이트(Reference)

• MDN

---