JavaScript로 HTML 페이지 수직 위치 설정

Question

위아래로 스크롤하는 HTML 페이지가 있습니다 (많이는 아니지만 두루마리). JavaScript를 실행 한 후 페이지에서 스크롤 위치를 설정하려면 어떻게해야합니까?

jQuery를 사용하여 페이지 하단에 추가 HTML을 주입하고 추가 된 후 새 컨텐츠의 위치로 프로그래밍 방식으로 스크롤하고 싶습니다.

Answer 1

이를 수행하는 또 다른 방법은 옵션을 제공합니다.

페이지 하단에 추가하는 HTML에서 이름이 지정된 앵커 태그를 삽입 한 다음 URL을 변경하여 페이지가 이동할 수 있습니다 (FYI : 페이지를 새로 고치지 않습니다).

// add HTML like this, dynamically:
// <a name="moveHere" />

// the javascript to make the page go to that location:
window.location.hash = "moveHere";

당신이하고있는 일에 따라, 이것은 유용한 솔루션 일 수도 있고 아닐 수도 있습니다.

Answer 2

사용해보십시오 window.scroll.

예시:

// put the 100th vertical pixel at the top of the window
<button onClick="scroll(0, 100);">click to scroll down 100 pixels</button>