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 相关文章推荐
JS拖动技术 关于setCapture使用
Dec 09 Javascript
论JavaScript模块化编程
Mar 07 Javascript
全面了解javascript中的错误处理机制
Jul 18 Javascript
Javascript实现base64的加密解密方法示例
Jun 27 Javascript
ES6中Array.copyWithin()函数的用法实例详解
Sep 16 Javascript
vue 通过下拉框组件学习vue中的父子通讯
Dec 19 Javascript
vue使用axios时关于this的指向问题详解
Dec 22 Javascript
JS非行间样式获取函数的实例代码
Jun 05 Javascript
微信小程序获取音频时长与实时获取播放进度问题
Aug 28 Javascript
js canvas实现橡皮擦效果
Dec 20 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
Apr 17 Javascript
JavaScript forEach中return失效问题解决方案
Jun 01 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
十大催泪虐心动漫电影,有几部你还没看
2020/03/04 日漫
深入了解PHP类Class的概念
2012/06/14 PHP
PHP PDOStatement::columnCount讲解
2019/01/30 PHP
laravel 之 Eloquent 模型修改器和序列化示例
2019/10/17 PHP
基于jquery的固定表头和列头的代码
2012/05/03 Javascript
利用NodeJS的子进程(child_process)调用系统命令的方法分享
2013/06/05 NodeJs
jQuery 追加元素的方法如append、prepend、before
2014/01/16 Javascript
JS正则表达式验证数字代码
2014/01/28 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
2015/06/14 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
2016/02/17 Javascript
Bootstrap每天必学之按钮(Button)插件
2016/04/25 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
2016/05/05 Javascript
jquery遍历json对象集合详解
2016/05/18 Javascript
JS动态给对象添加属性和值的实现方法
2016/10/21 Javascript
基于jQuery实现文字打印动态效果
2017/04/21 jQuery
详解ES6中的代理模式——Proxy
2018/01/08 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
2019/01/30 Javascript
vue+elementUI动态生成面包屑导航教程
2019/11/04 Javascript
[06:43]DAC2018 4.5 SOLO赛 Maybe vs Paparazi
2018/04/06 DOTA
Python动刷新抢12306火车票的代码(附源码)
2018/01/24 Python
python实现聊天小程序
2018/03/13 Python
使用python3调用wxpy模块监控linux日志并定时发送消息给群组或好友
2019/06/05 Python
pytorch实现mnist数据集的图像可视化及保存
2020/01/14 Python
python实现加密的方式总结
2020/01/19 Python
Python通过getattr函数获取对象的属性值
2020/10/16 Python
英国最大的独立玩具专卖店:The Entertainer
2019/09/06 全球购物
工商学院毕业生自荐信
2013/11/12 职场文书
英语自荐信范文
2013/12/11 职场文书
社区学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
2014年学校禁毒工作总结
2014/12/23 职场文书
奖学金感谢信
2015/01/21 职场文书
六年级语文下册教学计划
2015/01/22 职场文书
行为规范主题班会
2015/08/13 职场文书
Python编写可视化界面的全过程(Python+PyCharm+PyQt)
2021/05/17 Python
MySQL系列之四 SQL语法
2021/07/02 MySQL