JavaScript에서 스크롤바 위치를 어떻게 얻나요?

JavaScript를 사용하여 스크롤바 위치 얻기

브라우저에서 스크롤바 위치를 감지하는 것은 페이지에서 현재 보기의 위치를 ​​결정하는 데 중요합니다. 썸과 트랙 높이를 추적하는 복잡한 방법에 의존하는 대신 JavaScript는 더 간단한 솔루션을 제공합니다.

스크롤 막대 위치에 액세스하려면 element.scrollTop 및 element.scrollLeft 속성을 활용할 수 있습니다. 이러한 속성은 스크롤된 수직 및 수평 오프셋을 각각 제공합니다. 전체 페이지의 스크롤을 캡처하려는 경우 요소는 document.body를 참조할 수 있습니다.

백분율을 계산하려면 이 값을 element.offsetHeight 및 element.offsetWidth와 비교할 수 있습니다. 다음은 이러한 속성을 사용하는 방법을 보여주는 코드 조각입니다.

// Get the scrollbar positions
const scrollTop = document.body.scrollTop;
const scrollLeft = document.body.scrollLeft;

// Calculate the scroll percentages
const scrollTopPercentage = scrollTop / document.body.offsetHeight;
const scrollLeftPercentage = scrollLeft / document.body.offsetWidth;

// Log the scrollbar positions and percentages for debugging
console.log('Scrollbar Positions: Y: ', scrollTop, ' X: ', scrollLeft);
console.log('Scrollbar Percentages: Y: ', scrollTopPercentage, ' X: ', scrollLeftPercentage);

이러한 속성과 계산을 사용하면 브라우저 창에서 스크롤 막대의 위치를 ​​효과적으로 결정하고 페이지에서 현재 보기가 어디에 있는지 정확히 찾아낼 수 있습니다. 위치해있습니다.

위 내용은 JavaScript에서 스크롤바 위치를 어떻게 얻나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!