陰影覆蓋scroll overflow

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);
  })
相關文章
相關標籤/搜索