1. 程式人生 > >jQuery中獲取文檔的高度、可視區域高度以及滾動條距頁面頂部的高度

jQuery中獲取文檔的高度、可視區域高度以及滾動條距頁面頂部的高度

doc 支持 document span ros p s margin window 窗口

在寫頁面的時候,經常會碰到這樣的情況,就是要獲取文檔的高度、可視區域高度或者滾動條距頁面頂部的高度等情況。

但我總是有些愛搞混淆了,這裏還是簡單做個筆記吧,這裏只限於使用jQuery來獲取。

1、獲取文檔的高度。

使用 $(document).height() 代表了整個文檔的高度

2、獲取文檔可視區域高度。

使用 $(window).height() 代表了當前可見區域的高度

3、獲取當前滾動條距離文檔頂部的高度,註意是文檔頂部高度,不是窗口的高度。

使用 $(document).scrollTop()或者 $(window).scrollTop()。這二者都可以,達到的效果是一樣的,然而使用後者的支持情況會更好。

jQuery中獲取文檔的高度、可視區域高度以及滾動條距頁面頂部的高度