jQuery窗口、文档、网页各种高度的精确理解
更新时间：2014年07月02日 16:06:13 投稿：whsnow
这篇文章主要帮助大家快速理解jQuery浏览器窗口、网页文档及可视窗口的各种高度,需要的朋友可以参考下
$(document).height()：整个网页的高度
$(window).height()：浏览器可视窗口的高度
$(window).scrollTop()：浏览器可视窗口顶端距离网页顶端的高度（垂直偏移）
用一句话理解就是：当网页滚动条拉到最低端时，$(document).height() == $(window).height() + $(window).scrollTop()。
当网页高度不足浏览器窗口时$(document).height()返回的是$(window).height()。
不建议使用$("html").height()、$("body").height()这样的高度。
原因：
$("body").height()：body可能会有边框，获取的高度会比$(document).height()小；
$("html").height()：在不同的浏览器上获取的高度的意义会有差异，说白了就是浏览器不兼容。
$(window).height()值有问题，返回的不是浏览器窗口的高度？
相关文章
这篇文章主要介绍了jQuery使用CSS()方法给指定元素同时设置多个样式的方法,实例分析了jQuery中css方法的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了jQuery实现新消息闪烁标题提示的方法,实例分析了jQuery操作样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了jquery正则表达式验证，实现手机号、身份证号、中文名称验证，感兴趣的小伙伴们可以参考一下2015-12-12
本篇文章主要介绍了jQuery时间验证和转换为标准格式的时间示例代码，具有一定的参考价值，有兴趣的可以了解一下。2017-03-03
jquery.ui.draggable中文文档(原文翻译)。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
这篇文章主要介绍了jQuery插件FusionCharts绘制的3D饼状图效果,结合完整实例形式分析了基于FusionCharts图形插件绘制饼状图的操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
JS拖动选择table里的单元格完整实例【基于jQuery】
这篇文章主要介绍了JS拖动选择table里的单元格,结合完整实例形式分析了基于jQuery的table表格动态操作相关实现技巧,涉及事件响应及页面元素属性动态操作使用方法,需要的朋友可以参考下2019-05-05
众所周知，jQuery现在已经非常流行，百度新首页中也已经开始使用jQuery，今天总结下怎么书写更好的jQuery代码使jQuery代码更好、更快的执行，希望本篇jQuery教程一改大家以前不合理的做法2014-06-06
这篇文章主要介绍了jquery制作属于自己的select自定义样式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要以示例介绍了jquery中 $.expr使用,需要的朋友可以参考下2014-06-06
最新评论