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 相关文章推荐
判断浏览器的javascript版本的代码
Sep 03 Javascript
js带缩略图的图片轮播效果代码分享
Sep 14 Javascript
Uploadify上传文件方法
Mar 16 Javascript
javascript表单控件实例讲解
Sep 13 Javascript
微信小程序联网请求的轮播图
Jul 07 Javascript
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
Oct 19 jQuery
Vue高版本中一些新特性的使用详解
Sep 25 Javascript
基于vue框架手写一个notify插件实现通知功能的方法
Mar 31 Javascript
VUE项目初建和常见问题总结
Sep 12 Javascript
p5.js实现故宫橘猫赏秋图动画
Oct 23 Javascript
jquery检测上传文件大小示例
Apr 26 jQuery
Vue项目移动端滚动穿透问题的实现
May 19 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/04/09 魔兽争霸
php面向对象全攻略 (十七) 自动加载类
2009/09/30 PHP
在IIS7.0下面配置PHP 5.3.2运行环境的方法
2010/04/13 PHP
php从给定url获取文件扩展名的方法
2015/03/14 PHP
PHP 中 Orientation 属性判断上传图片是否需要旋转
2015/10/16 PHP
PHP中用mysqli面向对象打开连接关闭mysql数据库的方法
2016/11/05 PHP
php实现评论回复删除功能
2017/05/23 PHP
php制作圆形用户头像的实例_自定义封装类源代码
2017/09/18 PHP
php实现统计二进制中1的个数算法示例
2018/01/23 PHP
win10 apache配置虚拟主机后localhost无法使用的解决方法
2018/01/27 PHP
JS实现鼠标滑过链接改变网页背景颜色的方法
2015/10/20 Javascript
深入理解JavaScript中为什么string可以拥有方法
2016/05/24 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
JS常用算法实现代码
2016/11/14 Javascript
微信小程序 刷新上拉下拉不会断详细介绍
2017/05/11 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
2017/07/12 jQuery
详解webpack与SPA实践之开发环境搭建
2017/12/18 Javascript
React styled-components设置组件属性的方法
2018/08/07 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
2018/11/14 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
2019/05/12 Javascript
JS实现贪吃蛇游戏
2019/11/15 Javascript
写一个Vue loading 插件
2020/11/09 Javascript
vue mvvm数据响应实现
2020/11/11 Javascript
在Python的web框架中中编写日志列表的教程
2015/04/30 Python
Python2.7 实现引入自己写的类方法
2018/04/29 Python
Python爬取新型冠状病毒“谣言”新闻进行数据分析
2020/02/16 Python
解决Python数据可视化中文部分显示方块问题
2020/05/16 Python
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
人事专员工作职责
2014/02/22 职场文书
金融保险专业求职信
2014/09/03 职场文书
大连星海广场导游词
2015/02/10 职场文书
社区国庆节活动总结
2015/03/23 职场文书
2015年幼儿园个人工作总结
2015/04/25 职场文书
2019年教师节活动策划方案
2019/09/09 职场文书
导游词之江苏溱潼古镇
2019/11/27 职场文书
Pytorch 如何实现LSTM时间序列预测
2021/05/17 Python