jQuery窗口、文档、网页各种高度的精确理解


Posted in Javascript onJuly 02, 2014

$(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()值有问题,返回的不是浏览器窗口的高度?

Javascript 相关文章推荐
jquery keypress,keyup,onpropertychange键盘事件
Jun 25 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
May 03 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
Jan 04 Javascript
JavaScript的React框架中的JSX语法学习入门教程
Mar 05 Javascript
PHP实现本地图片上传和验证功能
Feb 27 Javascript
老生常谈jacascript DOM节点获取
Apr 17 Javascript
详解Node.js 命令行程序开发教程
Jun 07 Javascript
使用jQuery实现动态添加小广告
Jul 11 jQuery
小程序清理本地缓存的方法
Aug 17 Javascript
vue使用v-if v-show页面闪烁,div闪现的解决方法
Oct 12 Javascript
详解vue 项目白屏解决方案
Oct 31 Javascript
微信小程序图表插件wx-charts用法实例详解
May 20 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
Jul 02 #Javascript
jquery序列化表单以及回调函数的使用示例
Jul 02 #Javascript
IE8下Jquery获取select选中的值post到后台报错问题
Jul 02 #Javascript
js面向对象编程之如何实现方法重载
Jul 02 #Javascript
jquery.validate.js插件使用经验记录
Jul 02 #Javascript
escape编码与unescape解码汉字出现乱码的解决方法
Jul 02 #Javascript
js获取IP地址的方法小结
Jul 01 #Javascript
You might like
PHP中=赋值操作符对不同数据类型的不同行为
2011/01/02 PHP
thinkphp模板的包含与渲染实例分析
2014/11/26 PHP
通过PHP自带的服务器来查看正则匹配结果的方法
2015/12/24 PHP
form表单传递数组数据、php脚本接收的实例
2017/02/09 PHP
PHP addcslashes()函数讲解
2019/02/03 PHP
tp5 实现列表数据根据状态排序
2019/10/18 PHP
Jsonp 跨域的原理以及Jquery的解决方案
2011/06/27 Javascript
JS限制上传图片大小不使用控件在本地实现
2012/12/19 Javascript
JS图片切换的具体方法(带缩略图版)
2013/11/12 Javascript
Jquery中children与find之间的区别详细解析
2013/11/29 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
2016/01/04 Javascript
javascript执行环境及作用域详解
2016/05/05 Javascript
jQuery实现打开页面渐现效果示例
2016/07/27 Javascript
jQuery点击导航栏选中更换样式的实现代码
2017/01/23 Javascript
浅谈javascript的闭包
2017/01/23 Javascript
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
2017/09/28 Javascript
vue2里面ref的具体使用方法
2017/10/27 Javascript
JS XMLHttpRequest原理与使用方法深入详解
2020/04/30 Javascript
[05:16]《大圣!大圣》——DOTA2新英雄齐天大圣配音李世宏老师专访
2016/12/13 DOTA
详解Python中的__init__和__new__
2014/03/12 Python
为Python的web框架编写前端模版的教程
2015/04/30 Python
Python使用reportlab将目录下所有的文本文件打印成pdf的方法
2015/05/20 Python
基于hashlib模块--加密(详解)
2017/06/21 Python
python搭建服务器实现两个Android客户端间收发消息
2018/04/12 Python
tensorflow学习教程之文本分类详析
2018/08/07 Python
如何实现Django Rest framework版本控制
2019/07/25 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
Python Tornado之跨域请求与Options请求方式
2020/03/28 Python
python IDLE添加行号显示教程
2020/04/25 Python
欧洲最大的美妆零售网站:Feelunique
2017/01/14 全球购物
美国最大和最受信任的二手轮胎商店:Bestusedtires.com
2020/06/02 全球购物
项目负责人任命书
2014/06/04 职场文书
2015年企业团支部工作总结
2015/05/21 职场文书
外科护士长工作总结
2015/08/12 职场文书
python 提取html文本的方法
2021/05/20 Python
logback 实现给变量指定默认值
2021/08/30 Java/Android