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 chili图片远处放大插件
Nov 30 Javascript
jquery插件NProgress.js制作网页加载进度条
Jun 05 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
Jun 08 Javascript
利用javascript如何随机生成一定位数的密码
Sep 22 Javascript
JavaScript闭包原理与用法实例分析
Aug 10 Javascript
基于vue-upload-component封装一个图片上传组件的示例
Oct 16 Javascript
值得收藏的八个常用的js正则表达式
Oct 19 Javascript
vue-cli中vue本地实现跨域调试接口
Jan 16 Javascript
JS实现的贪吃蛇游戏完整实例
Jan 18 Javascript
vue 中 beforeRouteEnter 死循环的问题
Apr 23 Javascript
使用webpack搭建vue项目及注意事项
Jun 10 Javascript
通过vue写一个瀑布流插件代码实例
Sep 07 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使用curl出现Expect:100-continue解决方法
2015/03/03 PHP
php Session无效分析资料整理
2016/11/29 PHP
PHP进制转换实例分析(2,8,16,36,64进制至10进制相互转换)
2017/02/04 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
php+layui数据表格实现数据分页渲染代码
2019/10/26 PHP
如何在Laravel之外使用illuminate组件详解
2020/09/20 PHP
Prototype Number对象 学习
2009/07/19 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
javascript实现日期格式转换
2014/12/16 Javascript
jQuery中offset()方法用法实例
2015/01/16 Javascript
jquery利用命名空间移除绑定事件的方法
2015/03/11 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
Bootstrap按钮组件详解
2016/04/26 Javascript
JavaScript中String对象的方法介绍
2017/01/04 Javascript
nodejs对express中next函数的一些理解
2017/09/08 NodeJs
给vue项目添加ESLint的详细步骤
2017/09/29 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
2019/04/28 Javascript
鸿蒙系统中的 JS 开发框架
2020/09/18 Javascript
11个并不被常用但对开发非常有帮助的Python库
2015/03/31 Python
json跨域调用python的方法详解
2017/01/11 Python
tensorflow 使用flags定义命令行参数的方法
2018/04/23 Python
python让列表倒序输出的实例
2018/06/25 Python
Python根据服务获取端口号的方法
2019/09/25 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
沙特阿拉伯排名第一的在线时尚购物应用程序:1Zillion
2020/08/08 全球购物
汽车工程专业应届生求职信
2013/10/19 职场文书
英文自荐信
2013/12/15 职场文书
离婚协议书范本2014
2014/10/27 职场文书
证劵公司反洗钱宣传活动总结
2015/05/08 职场文书
食品药品安全责任书
2015/05/11 职场文书
借款民事起诉状范文
2015/05/19 职场文书
中学后勤工作总结2015
2015/07/22 职场文书
2015年评职称个人工作总结
2015/10/15 职场文书
详解MySQL中的pid与socket
2021/06/15 MySQL
maven依赖的version声明控制方式
2022/01/18 Java/Android