jQuery_jquery의 position() 메소드 사용 예

이 기사의 예에서는 jQuery의 position() 메소드 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

이 메소드는 일부 요소를 기준으로 일치하는 요소의 오프셋을 가져옵니다.
반환된 개체에는 두 개의 정수 속성(top 및 left)이 있는 개체가 포함되어 있습니다.
이 방법은 보이는 요소에만 작동합니다.
문법 구조:

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

$(selector).position()

튜토리얼 시작 부분에서 이 내용을 말한 이유는 일부 요소를 기준으로 일치하는 요소의 오프셋을 가져오기 위한 것입니다. 많은 튜토리얼에서는 메서드에서 반환된 오프셋이 상위 요소를 기준으로 한다고 말하지만 이는 전적으로 사실이 아닙니다. 물론 이 메서드는 일치하는 요소를 절대 위치 지정으로 처리한다는 의미는 아닙니다. 절대 위치. 이 방식의 오프셋 기준 원리는 다음과 같습니다.

1. 상위 요소가 위치 지정을 사용하지 않는 경우(위치 속성 값은 상대, 절대 또는 고정) 오프셋 참조 개체는 창입니다.
2. 상위 요소 중 하나라도 배치되면 오프셋의 참조 객체는 가장 가까운 위치에 있는 요소입니다.

예제 코드:

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