Rumah > hujung hadapan web > tutorial js > Bagaimanakah jquery mendapatkan ketinggian bar skrol bagi elemen dan kod pelaksanaan lain_jquery

Bagaimanakah jquery mendapatkan ketinggian bar skrol bagi elemen dan kod pelaksanaan lain_jquery

WBOY
Lepaskan: 2016-05-16 15:36:04
asal
1760 orang telah melayarinya

Fungsi utama:

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

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;
}
};
Salin selepas log masuk

Berikut adalah tambahan daripada netizen lain:

Dapatkan ketinggian kawasan paparan penyemak imbas: $(window).height(); Dapatkan lebar kawasan paparan penyemak imbas: $(window).width();
Dapatkan ketinggian dokumen halaman: $(document).height();

Dapatkan lebar dokumen halaman: $(document).width();

Dapatkan ketinggian menegak bar skrol ke atas: $(document).scrollTop();
Dapatkan lebar menegak bar skrol ke kiri: $(document).scrollLeft();
Kira kedudukan dan offset elemen: $(id).offset();

Kaedah ofset ialah kaedah yang sangat berguna, yang mengembalikan maklumat offset bagi elemen pertama dalam set yang dibungkus. Secara lalai, ia adalah maklumat mengimbangi relatif kepada badan. Hasilnya mengandungi dua atribut, atas dan kiri.

offset(pilihan, hasil)

options.relativeTo Nyatakan pengiraan relatif
Kira unsur moyang bagi kedudukan offset. Elemen ini harus diletakkan secara relatif atau mutlak. Jika ditinggalkan, ia adalah relatif kepada badan.
pilihan.skrol Sama ada hendak meletakkan
Bar tatal disertakan, lalai TRUE
options.padding Sama ada untuk memasukkan padding, default false
pilihan.margin
Sama ada hendak memasukkan margin, lalai adalah benar
options.border Sama ada hendak menyertakan sempadan, lalai benar
Halaman kanak-kanak mengawal halaman induk:
parent.document.documentElement.scrollTop;
parent.document.documentElement.clientHeight;

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan