브라우저 간 수직 스크롤 비율을 결정하는 방법은 무엇입니까?

세로 스크롤 비율의 크로스 브라우저 결정

사용자가 이동한 세로 스크롤 막대의 비율을 결정하는 것은 웹에서 중요한 작업입니다. 개발. 이 기사에서는 최신 브라우저에서 브라우저 간 호환을 달성하는 방법을 조사합니다.

'onscroll' 이벤트를 사용하고 documentElement.scrollTop 또는 body.scrollTop에 액세스하면 스크롤 막대의 현재 위치를 얻을 수 있습니다. 또한 documentElement.scrollHeight 또는 body.scrollHeight는 스크롤 가능한 영역의 전체 높이를 제공합니다.

이러한 값을 결합하여 다음과 같이 스크롤 비율을 계산할 수 있습니다.

<code class="javascript">var percent = (h[st] || b[st]) / ((h[sh] || b[sh]) - h.clientHeight) * 100;</code>

여기서:

• h는 documentElement 객체
• b는 body 객체
• st는 scrollTop 속성
• sh는 scrollHeight 속성

이 방법은 수직 스크롤 비율을 결정하기 위한 정확하고 브라우저 간 호환 가능한 솔루션을 제공합니다. 브라우저 UI의 스크롤 시 자동 숨기기 동작으로 인해 일부 모바일 브라우저에서는 정확히 100%에 도달하지 못할 수 있다는 점을 제외하면 Chrome, Firefox 및 IE9에서 잘 작동합니다.

위 내용은 브라우저 간 수직 스크롤 비율을 결정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!