이전 버전의 Internet Explorer에서 document.body.scrollTop이 항상 0인 이유는 무엇입니까?

Internet Explorer에서 일관되지 않은 문서 스크롤 동작

document.body.scrollTop을 통해 스크롤 위치를 동적으로 표시하려고 시도하는 동안 다음과 같은 문제가 발생했습니다. 예외: Internet Explorer에서는 지속적으로 0을 반환합니다. 이런 일이 발생하는 이유를 이해하기 위해 문제를 자세히 조사하고 해결책을 제시해 보겠습니다.

IE에서 document.body.scrollTop이 항상 0인 이유는 무엇입니까?

이전 버전에서는 Internet Explorer의 문서 렌더링에 대한 비표준 해석으로 인해 scrollTop 속성과 일관되지 않은 동작이 발생했습니다. 엄격한 HTML5 문서 유형을 사용할 때 IE10 및 이후 버전은 이제 이와 관련하여 다른 브라우저와 일치합니다.

이전 IE 버전을 위한 대체 솔루션

이전 IE 버전의 경우 스크롤 위치를 정확하게 검색하려면 대체 접근 방식이 필요합니다. 다음 코드 조각은 대체 솔루션을 제공합니다.

var top = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;

이 코드는 documentElement 속성이 존재하는지 확인하고 해당 scrollTop 값을 반환합니다. 그렇지 않은 경우 document.body.scrollTop으로 대체됩니다.

이 솔루션을 사용하면 이전 버전의 Internet Explorer를 포함한 브라우저 전체에서 일관된 스크롤 위치 검색을 보장할 수 있습니다.

위 내용은 이전 버전의 Internet Explorer에서 document.body.scrollTop이 항상 0인 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!