JavaScript 의 포 지 셔 닝 속성[도해]

4.567916.이 그림 만 있 으 면 됩 니 다.Height 를 예 로 들 면 Width 동 리:div.client Height:창 이 margin+border 를 제거 한 후의 길 이 를 볼 수 있 습 니 다.div.offset Height:div.client Height 를 바탕 으로 border 와 스크롤 바 의 길 이 를 더 했 습 니 다.div.scrollHeight:바로 요소 내용 의 실제 높이 입 니 다.Top 을 예 로 들 면,Left 동 리:div.clientTop:margin 이후 padding 이전의 길이 값 입 니 다.div.offset Top:이 요소 의 상 border 상단 에서 이 요소 의 offset Parent 상단 border 내 가장자리 까지 의 수직 거리 입 니 다.div.scrollTop:대상 의 맨 위 에서 대상 이 현재 창 에 표 시 된 범위 내의 맨 위 까지 의 거리,즉 세로 스크롤 바 가 나타 난 상황 에서 스크롤 바 가 당 기 는 거리 입 니 다.offsetParent 에 대해 서로 다른 브 라 우 저 는 서로 다른 실현 알고리즘 을 가지 고 있 습 니 다.각종 브 라 우 저 에서 흔히 볼 수 있 는 레이아웃 이 있 습 니 다.즉,외부 요소 div 의 position 계산 값 이 relative,absolute 일 때 내부 요소 div 의 offsetParent 는 항상 외부 요소 div 입 니 다.

좋은 웹페이지 즐겨찾기