Node.js는 페이지 요소와 브라우저 작업 공간 상단 사이의 거리를 가져옵니다.

이 글은 주로 js 획득 페이지 요소와 브라우저 작업 공간 상단 사이의 거리를 소개합니다. 이제 특정 참조 값이 필요하면 이를 참조할 수 있습니다.

먼저 몇 가지 속성을 소개합니다. : (당분간 IE와 Firefox만 테스트했습니다. 사실 제가 직장에서 가장 많이 사용하는 것은 Chrome입니다.)

롤업된 웹페이지의 높이/너비(즉, 페이지 콘텐츠의 높이) 브라우저 스크롤 막대가 스크롤된 후 숨김)

( ( javascript)

document.body.scrollTop //IE (javascript)

document.body.scrollLeft //IE (jqurey)

$(window).scrollTop() (jqurey

)

$(window).scrollLeft() 웹 페이지 작업 영역의 높이와 너비

(javascript) document.documentElement.clientHeight// IE Firefox (jqurey)                                                                                                                        () 요소의 오프셋 값 문서

(javascript) DOM 요소 object.offsetTop //IE firefox

(javascript) DOM 요소 object.offsetLeft //IE firefox

(jqurey)                                        jq 객체 상단으로부터의 거리입니다. 작업 영역 = 오프셋 값 문서 상단의 요소 - 롤업된 웹 페이지의 높이

즉:

페이지 요소와 브라우저 작업 영역 상단 사이의 거리

= DOM 요소 object.offsetTop

-

document.documentElement.scrollTop

적용 예: (저는 호환성 문제를 피하기 위해 jqurey를 사용하는 데 익숙합니다.)

페이지 요소와 브라우저 작업 공간의 상단/왼쪽 끝 사이의 거리를 사용하여 프롬프트를 구현합니다. 페이지의 상자 프롬프트 정보가 다른 위치에 올바른 위치에 표시되는지 확인하십시오.

코드와 함께 그림에 표시된 것처럼 입력 상자가 어디에 있든 프롬프트가 표시되는 것을 볼 수 있습니다. 상자 정보는 항상 올바른 위치에 표시되며 프롬프트 상자가 Blocked코드일 때 팝업되지 않습니다(위 예의 html 페이지에서는 jquery-1.8.2.min.js를 인용해야 함)

위는 다음과 같습니다. 이 글의 전체 내용이 모든 분들의 학습에 도움이 되기를 바랍니다. 더 많은 관련 내용을 보시려면 PHP 중국어 넷을 주목해주세요!

관련 권장 사항: js 현재 도메인 이름, Url, 상대 경로 및 매개 변수를 가져오고 매개 변수를 지정하는 방법js 기본 왼쪽 스와이프 삭제

위 내용은 Node.js는 페이지 요소와 브라우저 작업 공간 상단 사이의 거리를 가져옵니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!