jq獲取文檔和窗口高度

  • 2019 年 12 月 18 日
  • 筆記

jquery獲取窗口高度和窗口高度,$(document).height()、$(window).height()

1.$(document).height():整個網頁的文檔高度

2.$(window).height():瀏覽器可視窗口的高度

3.$(window).scrollTop():瀏覽器可視窗口頂端距離網頁頂端的高度(垂直偏移)

4.$(document.body).height();//瀏覽器當前窗口文檔body的高度

5.$(document.body).outerHeight(true);//瀏覽器當前窗口文檔body的總高度 包括border padding margin

6.$(window).width(); //瀏覽器當前窗口可視區域寬度

7.$(document).width();//瀏覽器當前窗口文檔對象寬度

8.$(document.body).width();//瀏覽器當前窗口文檔body的高度

9.$(document.body).outerWidth(true);//瀏覽器當前窗口文檔body的總寬度 包括border padding margin

js:判斷滑動到底 

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

windows.innerHeight + scrollTop >= document.body.clientHeight