offsetTop과는 clientX와 페이지 X의 차이에 대해

.. $ ( '. 콘') (오프셋) 위쪽 // JQ 오프셋 () 뷰포트 상대적

VAR 콘 document.getElementsByClassName = ( '콘') [0];

// CONSOLE.LOG (con.offsetTop) // 뷰포트에 대하여 상위에 대하여 상위 네이티브 JS 위치, 상위 경우 배향이 존재하는 경우,

// CONSOLE.LOG (con.offsetWidth) 소자의 기본 JS 함량 //는 패딩의 offsetWidth + + 국경

//을 console.log (con.style.width); // 기본 JS는 CSS 스타일 폭 값의 도입을 얻을 수없는 경우에만, 스타일에 대한 값 폭 요소의 행간을 얻을 수 있으며, 세트의 값은 선 사이에서 설정 에 스타일

// CONSOLE.LOG (con.clientWidth) // 네이티브 JS clientWidth = 콘텐츠 + 패딩 값과 마찬가지로 cilentHeight

// con.addEventListener ( 'mouseenter', 기능 (E) {

// //을 console.log (e.clientX는) 뷰포트의 좌표에 대한 현재의 마우스 클릭 지점의 좌표를 반환

// CONSOLE.LOG (e.clientX) // 문서에 대하여 탭 좌표

// CONSOLE.LOG (e.offsetX) // 좌표 부모 요소에 대해 클릭

//}, false)를

CONSOLE.LOG (con.clientTop) 상기 현재 요소의 clientTop // 뷰 경계 픽셀 값의 양

CONSOLE.LOG (con.clientLeft) // 현재 요소의 경계 화소 값과 동일한 도면

페이지 X () 속성은 문서의 왼쪽 가장자리를 기준으로, 마우스 포인터의 위치이다. 문서에 대하여도 마찬가지로 페이지 Y

scrollWidth는 : 폭 개체 롤링을 얻기 
scrollHeight : 개체의 높이를 압연 얻을. 
scrollLeft에 : 설정하거나 검색하여 왼쪽 창 맨 왼쪽의 현재 보이는 내용 사이의 물체 거리 
scrollTop : 설정하거나 창 내용의 맨 위에 표시의 위쪽에있는 물체 사이의 거리를 GET

// innerHeight 가져 마찬가지로 뷰포트 높이 내의 소자들의 세트 innerWidth

// $ ( '. 바닥 글'). InnerHeight () // 값이 획득 한 콘텐츠 + 패딩 값

// $ ( '글.') InnerHeight (200); // 값이 설정된 콘텐츠 + 패딩 값

// outerWidth GET 또는 뷰포트 마찬가지로 외부 요소의 폭을 설정 outerHeight

$ ( '.Footer' ) .outerWidth (); // 값 획득 한 콘텐츠 + 패딩 + 국경 값

$ ( '.Footer' ) .outerWidth ( 200이다 ) 의 합산 값의 집합 콘텐츠 // + 패딩 + 경계 값 $ ( '.footer' ) .outerHeight ( true로 ) 값을 획득 한 콘텐츠 // + + 패딩 국경 + 마진의 값

$ ( '.Footer' () .outerHeight (300) , true로 ) + 경계 패딩 + + // 여백 값 콘텐츠의 값으로 설정 결합을

게시 19 개 원래 기사 · 원 찬양 58 ·은 50000 +를 볼

추천

출처blog.csdn.net/cyg_l02/article/details/82974648