码迷,mamicode.com
首页 > Windows程序 > 详细

$(document).height()、$("body").height()、$(window).height()区别和联系

时间:2016-07-20 17:36:54      阅读:1313      评论:0      收藏:0      [点我收藏+]

标签:

前言:在此以高度为示例,宽度问题可类推。在移动端开发中,经常遇到需要把一块内容定位于底部的情况,当页面内容不满一屏时,需要设为fixed,而超过 一屏时,需要设为static随页面顶到底部,此时就需要通过判断$(document).height()和$(window).height()的大 小来区分内容是否超屏。

$(document):整个文档
$("body"):body
$(window):视口(有设doctype的前提下)

1)、页面内容大于视口(浏览器窗口)时:$(document).height() = $("body").height() > $(window).height();

2)、页面内容小于视口时:$(document).height() = $(window).height() > $("body").height();

另:$(window).height()还受页头DOCTYPE的影响,在此默认为有DOCTYPE的前提。

$(document).height()、$("body").height()、$(window).height()区别和联系

标签:

原文地址:http://www.cnblogs.com/hnscdg/p/5689008.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!