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 相关文章推荐
User Scripts: Video Download by User Scripts
May 14 Javascript
JS交换变量的方法
Jan 21 Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 Javascript
jQuery表格插件datatables用法详解
Nov 23 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
May 03 Javascript
jquery html动态添加的元素绑定事件详解
May 24 Javascript
基于jQuery实现的查看全文功能【实用】
Dec 11 Javascript
Html5+jQuery+CSS制作相册小记录
Dec 30 Javascript
JavaScript实现精美个性导航栏筋斗云效果
Oct 29 Javascript
javascript绘制简单钟表效果
Apr 07 Javascript
在vue中使用Base64转码的案例
Aug 07 Javascript
JS新手入门数组处理的实用方法汇总
Apr 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判断服务器是否支持Gzip压缩功能
2013/09/24 PHP
php实现aes加密类分享
2014/02/16 PHP
实例详解PHP中html word 互转的方法
2016/01/28 PHP
实现PHP搜索加分页
2016/10/12 PHP
jquery中获得$.ajax()事件返回的值并添加事件的方法
2010/04/15 Javascript
jquery方法+js一般方法+js面向对象方法实现拖拽效果
2012/08/30 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
2013/06/27 Javascript
代码分析jQuery四种静态方法使用
2015/07/23 Javascript
js实现文本框宽度自适应文本宽度的方法
2015/08/13 Javascript
基于jQuery实现的无刷新表格分页实例
2016/02/17 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
2016/05/24 Javascript
jquery广告无缝轮播实例
2017/01/05 Javascript
JavaScript 过滤关键字
2017/03/20 Javascript
jquery仿京东商品放大浏览页面
2017/06/06 jQuery
Chrome调试折腾记之JS断点调试技巧
2017/09/11 Javascript
基于zTree树形菜单的使用实例
2017/12/25 Javascript
详解vue-cli3使用
2018/08/14 Javascript
Vue2.0点击切换类名改变样式的方法
2018/08/22 Javascript
python实现监控windows服务并自动启动服务示例
2014/04/17 Python
Linux下python3.7.0安装教程
2018/07/30 Python
Python函数的定义方式与函数参数问题实例分析
2019/12/26 Python
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
法国时尚童装网站:Melijoe
2016/08/10 全球购物
日本非常有名的内衣丝袜品牌:GUNZE
2017/01/06 全球购物
澳大利亚排名第一的狂热牛仔品牌:ONETEASPOON
2018/11/20 全球购物
博士学位自我鉴定范文
2013/12/26 职场文书
小学校园广播稿集锦
2014/10/04 职场文书
支行行长竞聘报告
2014/11/06 职场文书
2014年酒店前台工作总结
2014/11/14 职场文书
2014年客房服务员工作总结
2014/11/18 职场文书
2015年电工工作总结
2015/04/10 职场文书
投诉信范文
2015/07/02 职场文书
浅谈Nginx 中的两种限流方式
2021/03/31 Servers
python_tkinter弹出对话框创建
2022/03/20 Python
Python中使用Opencv开发停车位计数器功能
2022/04/04 Python
CSS控制继承中的height能变为可继承吗
2022/06/10 HTML / CSS