JavaScript에서 요소 스크롤
다음 속성들은 요소가 얼마나 스크롤되었는지 포함합니다:
console.log(elem.scrollTop); // 위에서
console.log(elem.scrollLeft); // 왼쪽에서
다음 예시는 이 속성들의 작동을 보여줍니다. 요소를 스크롤하고 버튼을 클릭하면 스크롤 양을 볼 수 있습니다:
요소와 버튼이 주어졌습니다. 버튼을 클릭했을 때 요소가 수직으로 얼마나 스크롤되었는지 알아내세요.
요소와 버튼이 주어졌습니다. 버튼을 클릭했을 때 요소가 수직으로 스크롤되었는지 확인하세요.
요소를 끝까지 스크롤하세요. 버튼을 클릭하면 전체 스크롤 양이 표시됩니다.
요소의 scrollHeight를 얻고,
여기서 전체 스크롤 양(이전 작업에서)을
빼세요. 어떤 값이 나옵니까? 이 값은 어떤
치수를 포함하나요?
offsetHeight와 전체 스크롤 양을 더하세요.
이 합을 scrollHeight 값에서 빼세요.
어떤 숫자가 나오나요?
