我们要知道,$(window).height(),获取的是窗口的可视区域的高度,而$(document).height();获取的是文档的高度。
所以当你改变窗口的时候,$(window).height()会随着窗口的改变而改变,但$(document).height()是不变的。
很多时候,我们要使元素居中,此时我们可以写一个插件命名为jQuery.center.js,jQuery.fn.center = function(){
this.css({
"position":"absolute",
"top":(($(window).height()-this.height())/2+$(window).scrollTop())+"px",
"left":(($(window).width()-this.width())/2+$(window).scrollLeft())+"px"
});
return this;
}
此时可以在文件中引入jQuery.center.js插件,然后对某个对象调用该方法,例如:$("div").center();