Heim > Web-Frontend > js-Tutorial > Wie erhält jquery die Höhe der Bildlaufleiste eines Elements und andere Implementierungscodes_jquery

Wie erhält jquery die Höhe der Bildlaufleiste eines Elements und andere Implementierungscodes_jquery

WBOY
Freigeben: 2016-05-16 15:36:04
Original
1763 Leute haben es durchsucht

Hauptfunktionen:

获取浏览器显示区域(可视区域)的高度 :  
$(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(在元素的包含元素含滚动条的情况下)
Nach dem Login kopieren
//返回当前页面高度

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;
}
};
Nach dem Login kopieren

Das Folgende sind Ergänzungen von anderen Internetnutzern:

Ermitteln Sie die Höhe des Browser-Anzeigebereichs: $(window).height();
Ermitteln Sie die Breite des Browser-Anzeigebereichs: $(window).width();
Ermitteln Sie die Dokumenthöhe der Seite: $(document).height();

Ermitteln Sie die Dokumentbreite der Seite: $(document).width();
Ermitteln Sie die vertikale Höhe der Bildlaufleiste nach oben: $(document).scrollTop();
Ermitteln Sie die vertikale Breite der Bildlaufleiste nach links: $(document).scrollLeft();
Elementposition und Offset berechnen: $(id).offset();

Die Offset-Methode ist eine sehr nützliche Methode, die die Offset-Informationen des ersten Elements im gepackten Satz zurückgibt. Standardmäßig handelt es sich um die Offset-Informationen relativ zum Körper. Das Ergebnis enthält zwei Attribute, oben und links.

Offset(Optionen, Ergebnisse)
options.relativeTo Relative Berechnung angeben
Berechnen Sie das Vorgängerelement der Versatzposition. Dieses Element sollte relativ oder absolut positioniert werden. Wenn es weggelassen wird, ist es relativ zum Körper.
options.scroll Gibt an, ob
eingegeben werden soll Bildlaufleisten sind enthalten, standardmäßig TRUE
options.padding Gibt an, ob Auffüllungen einbezogen werden sollen, standardmäßig false
options.margin
Ob Marge einbezogen werden soll, der Standardwert ist „true“
options.border Gibt an, ob der Rahmen eingeschlossen werden soll, Standardwert true
Die untergeordnete Seite steuert die übergeordnete Seite:
parent.document.documentElement.scrollTop;
parent.document.documentElement.clientHeight;

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage