瀏覽器中的高度 height

2022-04-07 11:26:48 字數 799 閱讀 5280

$(window).height();//是可見區域的高度,當瀏覽器的視窗拉伸時會改變
$(document).height();//是整個文件的高度,瀏覽器的視窗大小改變時不會隨之改變
$(document).scrolltop() 獲取垂直滾動的距離  即當前滾動的地方的視窗頂端到整個頁面頂端的距離

$(document).scrollleft() 這是獲取水平滾動條的距離

獲取頂端: 只需要獲取到scrolltop()==0

獲取底端: 只需要獲取scrolltop()>=$(document).height()-$(window).height() 就可以知道已經滾動到底端了

$("div").offset().top  //offset()的top是指元素距離document頂部的距離,而不是瀏覽器當前窗體的上邊緣

(1)document高度超過window,瀏覽器出現滾動條,滾動滾動條,提交按鈕的offset不變。(左圖)

(2)document中的div有滾動條,提交按鈕的offset隨div的滾動變化而變化,與document無關(右圖)

$("div").height();     //是標籤高度

瀏覽器寬度與高度

瀏覽器寬度與高度 可見區域寬度 document.documentelement.clientwidth 可見區域高度 document.documentelement.clientheight 網頁可見區域寬 document.body.clientwidth 網頁可見區域高 document.b...

JS獲取瀏覽器的高度

ie中 document.body.clientwidth body物件寬度 document.body.clientheight body物件高度 document.documentelement.clientwidth 可見區域寬度 document.documentelement.client...

jq獲取瀏覽器的高度

console.log 2 window height 瀏覽器當前視窗可視區域高度 console.log 3 document height 瀏覽器當前視窗文件的高度 console.log 4 document.body height 瀏覽器當前視窗文件body的高度 console.log 5...