"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 고정 된 자식 요소가 가장자리로 스크롤 할 때 부모 요소가 스크롤되는 것을 방지하는 방법은 무엇입니까?

고정 된 자식 요소가 가장자리로 스크롤 할 때 부모 요소가 스크롤되는 것을 방지하는 방법은 무엇입니까?

2025-03-13에 게시되었습니다
검색:964

How to Prevent Parent Element Scrolling When a Fixed and Scrollable Child Element Reaches Its Edge?

시도 된 솔루션과 그 제한

[) 메소드는 이벤트 전파에 사용되었습니다. 그러나이 방법은 전파가 여전히 발생함에 따라 비효율적 인 것으로 판명되었습니다.

포괄적 인 솔루션

보다 효과적인 솔루션은 jQuery를 사용하여 Mousewheel 이벤트를 처리하는 것입니다. 이 솔루션은 휠 델타 속성을 사용합니다. 여기서 양수 값은 스크롤링을 나타내고 음수 값이 스크롤을 표시하는 것을 나타냅니다. 브라우저) '.scrollable'class. 검사

: 스크롤이 스크롤 가능한 요소의 최소 또는 최대 위치를 능가하는 가장자리 케이스에 대한 스크립트 확인. 요소.

이벤트 취소

: 예방 함수는 이벤트를 완전히 취소하기 위해 실행됩니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3