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
