前言：在此以高度为示例，宽度问题可类推。在移动端开发中，经常遇到需要把一块内容定位于底部的情况，当页面内容不满一屏时，需要设为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的前提。
0
0
$(document).height()、$("body").height()、$(window).height()区别和联系
php中文网
发布时间：2016-07-21 14:53:04
|1568人浏览过
|来源于php中文网
原创
相关文章
当HTML中的文件不可用时执行脚本？
屏幕Y鼠标事件在JavaScript中的作用是什么？
当媒体准备好开始播放时，在HTML中执行脚本
JavaScript位与（&）运算符是什么？
JavaScript中的in运算符有什么用途？
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
