대상 레이어의 좌표를보다 유연하게 설정하려면 일부 HTML 객체의 좌표를 가져와야합니다. 여기에서 document.body.scrolltop과 같은 속성을 사용할 수 있지만 이러한 속성은 XHTML의 표준 웹 페이지 또는 간단한 용어로 <! docType ...> Is 0; 이 태그가없는 경우 모든 것이 정상이므로 XHTML에서 신체의 좌표를 얻는 방법은 무엇입니까? 물론 방법이 있습니다. 우리는 Document.Body를 대체하기 위해 Document.DocumentElement를 사용합니다. 예를 들어 다음과 같이 쓸 수 있습니다.
코드 사본은 다음과 같습니다.
var top = document.documentElement.scrolltop || document.body.scrooltop;
|| JS에서는 좋은 일입니다. IF의 조건부 명세서뿐만 아니라 변수 할당에도 사용할 수 있습니다. 위의 예는 다음 형식으로 작성할 수 있습니다.
코드 사본은 다음과 같습니다.
var top = document.documentElement.scrolltop? document.documentElement.scrolltop : document.body.scrolltop;
이렇게하면 호환성이 우수 할 수 있습니다. 주목해야 할 것은 document.documentElement.scrolltop의 값이 선언되지 않으면 대신 0을 표시한다는 것입니다.
현재 페이지에서 스크롤 막대 좌표의 수직 좌표 위치를 얻는 지침 :
document.documentElement.scrolltop 대신
document.body.scrolltop;
document.documentElement HTML 태그를 가져옵니다.
Body는 신체 태그를 가져옵니다.
표준 W3C에서 Document.body.scrolltop은 항상 0이며 document.documentElement.scrolltop은 document.documentElement.scrolltop으로 대체해야합니다.
페이지에 대한 마우스의 절대 위치를 찾으려면 검색 엔진에서 얻은 결과의 대부분을 사용하면 사용할 수 있습니다.
event.clientx+document.body.scrollleft, event.clienty+document.body.scrolltop;
문서. body.scrollx 객체가 IE5.5 이후에 더 이상 지원되지 않기 때문에 마우스가 상상력에서 벗어나는 것을 발견하면 이상합니다.
따라서 우리는 한 문장을 추가해야합니다.
코드 사본은 다음과 같습니다.
if (document.body && document.body.scrolltop && document.body.scrollleft)
{
top = document.body.scrolltop;
왼쪽 = document.body.scrollleft;
}
if (document.documentElement && document.documentElement.scrolltop && document.documentElement.scrollleft)
{
top = document.documentElement.scrolltop;
왼쪽 = document.documentElement.scrollleft;
}
다음은 매개 변수의 몇 가지 사용법입니다.
웹 페이지의 보이는 영역 너비 : document.body.clientWidth;
웹 페이지의 가시 영역 높이 : document.body.clientHeight;
웹 페이지의 보이는 영역 너비 : document.body.offsetwidth; (가장자리 선의 너비 포함);
웹 페이지의 가시 영역 높이 : document.body.offsetheight; (가장자리의 너비 포함);
웹 페이지의 전체 텍스트 너비 : document.body.scrollwidth;
웹 페이지의 전체 텍스트 : document.body.scrollheight;
웹 페이지는 높은 수준으로 롤아웃됩니다 : document.body.scrolltop;
롤아웃되는 웹 페이지의 왼쪽 : document.body.scrollleft;
웹 페이지의 기본 부분 : Windows.screentop;
웹 페이지 텍스트의 왼쪽 부분 : Windows.screenLeft;
높은 화면 해상도 : Windows.Screen.height;
화면 해상도의 너비 : Windows.screen.widht;
화면의 사용 가능한 작업 공간 높이 : Windows.Screen.availHeight;
사용 가능한 작업 공간 너비 : Windows.Screen.availWidth;
물체의 두루마리 높이를 가져옵니다 : ScrollHeight;
객체의 왼쪽 경계와 창에서 현재 보이는 내용의 가장 왼쪽 끝 사이의 거리를 설정하거나 얻습니다. Scrollleft;
객체의 상단과 창에서 보이는 내용의 상단 사이의 거리를 설정하거나 가져옵니다 : Scrolltop;
물체의 스크롤 너비를 가져옵니다 : scrollwidth;
부모 좌표에 의해 지정된 레이아웃 또는 상위 좌표와 관련하여 물체의 높이를 가져옵니다.
오프셋 비교 속성에 의해 지정된 레이아웃 또는 상위 좌표에 대한 객체 계산의 왼쪽 위치를 가져옵니다 : 오프셋 레프트;
오프셋 탑 속성에 의해 지정된 레이아웃 또는 상위 좌표에 대해 객체의 계산 된 상단 위치를 가져옵니다 : 오프셋 탑;
event.clientx : 문서에 대한 수평 좌표;
event.clienty : 문서와 관련된 수직 좌표;
event.offsetx : 컨테이너에 대한 수평 좌표;
event.offsety : 컨테이너에 대한 수직 좌표;
document.documentElement.scrolltop : 스크롤의 수직 높이를 설정합니다
event.clientx + document.documentElement.scrolltop : 문서와 관련된 수평 위치 + 수직 방향의 스크롤 양;