>  기사  >  웹 프론트엔드  >  수평 및 수직 스크롤 막대를 구별하는 jquery scroll() 메소드 _jquery

수평 및 수직 스크롤 막대를 구별하는 jquery scroll() 메소드 _jquery

WBOY
WBOY원래의
2016-05-16 16:53:381743검색

jquery의 scroll() 이벤트에서 현재 스크롤 막대가 가로인지 세로인지 확인하고 싶습니다.
전면 및 후면 값을 판단하기 위해 전역 변수를 사용하기 시작했습니다. ​​​​변경하지 않으면 가로 스크롤을 의미합니다.
그런데 페이지에 스크롤 막대가 여러 개 있는 경우 이를 제어하려면 여러 전역 변수가 필요합니다.
스크롤 jquery는 가로 스크롤 막대와 세로 스크롤 막대를 구별합니다

해결책:
선택기에서 선택한 개체의 scrollLeft/scrollTop을 각각 한 번씩 설정한 다음 스크롤 이벤트를 바인딩하면 됩니다. 트리거되면 scrollLeft/scrollTop을 가져와 초기화된 scrollLeft/scrollTop과 비교하여 결정합니다. 가로든 세로든 동시에 개체 저장소의 scrollLeft/scrollTop을 업데이트합니다

코드 복사 코드는 다음과 같습니다.