> 웹 프론트엔드 > JS 튜토리얼 > jquery는 요소 및 기타 구현의 스크롤 막대 높이를 어떻게 얻습니까?

jquery는 요소 및 기타 구현의 스크롤 막대 높이를 어떻게 얻습니까?

WBOY
풀어 주다: 2016-05-16 15:36:04
원래의
1755명이 탐색했습니다.

주요 기능:

获取浏览器显示区域(可视区域)的高度 :  
$(window).height();  
获取浏览器显示区域(可视区域)的宽度 :
$(window).width();  
获取页面的文档高度  
$(document).height();  
获取页面的文档宽度 :
$(document).width(); 
浏览器当前窗口文档body的高度: 
$(document.body).height();
浏览器当前窗口文档body的宽度: 
$(document.body).width();
获取滚动条到顶部的垂直高度 (即网页被卷上去的高度) 
$(document).scrollTop();  
获取滚动条到左边的垂直宽度 :
$(document).scrollLeft(); 
获取或设置元素的宽度:
$(obj).width();
获取或设置元素的高度:
$(obj).height();
某个元素的上边界到body最顶部的距离:obj.offset().top;(在元素的包含元素不含滚动条的情况下)
某个元素的左边界到body最左边的距离:obj.offset().left;(在元素的包含元素不含滚动条的情况下)
返回当前元素的上边界到它的包含元素的上边界的偏移量:obj.offset().top(在元素的包含元素含滚动条的情况下)
返回当前元素的左边界到它的包含元素的左边界的偏移量:obj.offset().left(在元素的包含元素含滚动条的情况下)
로그인 후 복사
//返回当前页面高度

function pageHeight(){
if($.browser.msie){
return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight :
document.body.clientHeight;
}else{
return self.innerHeight;
}
};



//返回当前页面宽度
function pageWidth(){
if($.browser.msie){
return document.compatMode == "CSS1Compat"? document.documentElement.clientWidth :
document.body.clientWidth;
}else{
return self.innerWidth;
}
};
로그인 후 복사

다음은 다른 네티즌들이 추가한 내용입니다.

브라우저 표시 영역의 높이를 가져옵니다: $(window).height(); 브라우저 표시 영역의 너비를 가져옵니다: $(window).width();
페이지의 문서 높이를 가져옵니다: $(document).height();

페이지의 문서 너비를 가져옵니다: $(document).width();

스크롤 막대의 수직 높이를 맨 위로 가져옵니다: $(document).scrollTop();
스크롤 막대의 왼쪽 세로 너비를 가져옵니다: $(document).scrollLeft();
요소 위치 및 오프셋 계산: $(id).offset();

오프셋 메서드는 묶음 집합의 첫 번째 요소에 대한 오프셋 정보를 반환하는 매우 유용한 메서드입니다. 기본적으로 본체에 대한 오프셋 정보입니다. 결과에는 top과 left라는 두 가지 속성이 포함됩니다.

오프셋(옵션, 결과)

options.relativeTo 상대계산 지정
오프셋 위치의 조상 요소를 계산합니다. 이 요소는 상대적으로 또는 절대적으로 배치되어야 합니다. 생략하면 본문을 기준으로 합니다.
options.scroll
넣을지 여부 스크롤 막대가 포함됩니다. 기본값은 TRUE
options.padding 패딩 포함 여부, 기본값은 false
옵션.마진
여백 포함 여부, 기본값은 true
options.border 테두리 포함 여부, 기본값은 true
하위 페이지는 상위 페이지를 제어합니다:
parent.document.documentElement.scrollTop;
parent.document.documentElement.clientHeight;

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿