Internet Explorer에서 부동 도구 상자를 사용하여 상위 요소 스크롤을 방지하는 방법은 무엇입니까?

상위 요소의 스크롤 방지: 대체 솔루션

스크롤 기능이 있는 "떠다니는 도구 상자"로 작업할 때 다음과 같은 경우 당황스러울 수 있습니다. 상자 내에서 스크롤하면 상위 요소의 스크롤이 트리거됩니다. 스크롤 이벤트가 전파되는 것을 방지하면 이 동작을 완화할 수 있습니다.

그러나 허용되는 답변은 다른 브라우저에서는 유효하지만 Internet Explorer에서는 제한 사항에 직면합니다. 이 문제를 해결하려면 대체 솔루션이 필요합니다.

이 솔루션은 jQuery를 사용하여 마우스휠 이벤트를 가로채는 데 중점을 둡니다. 이벤트의 델타를 기준으로 스크롤이 위로 스크롤되는지 아래로 스크롤되는지 결정합니다.

아래로 스크롤하는 경우 델타가 스크롤 가능한 영역을 초과하는지 확인합니다. 그렇다면 이벤트 전파를 방지하고 scrollTop을 최대값으로 설정합니다. 마찬가지로, 위로 스크롤하고 델타가 스크롤을 맨 위로 밀어내는 경우 전파를 방지하고 scrollTop을 0으로 설정합니다.

이러한 방식으로 이벤트를 직접 처리하여 상위 요소의 의도하지 않은 스크롤을 방지합니다. , Internet Explorer에서도 마찬가지입니다. 이렇게 하면 스크롤 이벤트가 지정된 요소 내에 국한된 상태로 유지됩니다.

위 내용은 Internet Explorer에서 부동 도구 상자를 사용하여 상위 요소 스크롤을 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!