1.對於容許滾動的頁面陰影的高度爲document的高度$(document).height()javascript
2.網頁中獲取滾動條捲去部分的高度,能夠經過 document.body.scrollTop 來獲取css
3.當網頁滾動條拉到最底端時,$(document).height() = $(window).height() + $(window).scrollTop()html
4.網頁高度不足瀏覽器窗口時$(document).height()返回的是$(window).height()java
5.瀏覽器
不建議使用$("html").height()、$("body").height()這樣的高度。code
緣由:htm
$("body").height():body可能會有邊框,獲取的高度會比$(document).height()小;ip
$("html").height():在不一樣的瀏覽器上獲取的高度的意義會有差別,說白了就是瀏覽器不兼容。ci
$(window).height()值有問題,返回的不是瀏覽器窗口的高度it
陰影層高度:
var bH = $(document).height(); var bW = $(document).width(); $("#tcimg").css({width: bW, height: bH, display: "block"});
彈出層跟隨滾動:
$(window).scroll(function () { //獲取被捲起的高度 var scrollTop = $(document).scrollTop() + 40; var AdminUserStateDiv = $(".item3"); ////層伴隨滾動條滾動,時時改變層對頂部的距離 AdminUserStateDiv.animate({"top": scrollTop + "px"}, 0); })