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实现的页内搜索代码
May 23 Javascript
jquery实现按Enter键触发事件示例
Sep 10 Javascript
JS判断客户端是手机还是PC的2个代码
Apr 12 Javascript
css与javascript跨浏览器兼容性总结
Sep 15 Javascript
JavaScript function 的 length 属性使用介绍
Sep 15 Javascript
Backbone.js的一些使用技巧
Jul 01 Javascript
JS使用cookie设置样式的方法
Jun 30 Javascript
AngularJS入门教程之控制器详解
Jul 27 Javascript
javascript中的后退和刷新实现方法
Nov 10 Javascript
js实现方块上下左右移动效果
Aug 17 Javascript
利用Three.js如何实现阴影效果实例代码
Sep 26 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
May 18 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
ThinkPHP采用实现三级循环代码实例
2014/07/18 PHP
浅谈thinkphp的实例化模型
2015/01/04 PHP
session 加入redis的实现代码
2016/07/15 PHP
javascript显示隐藏层比较不错的方法分析
2008/09/30 Javascript
jQuery实现表头固定效果的实例代码
2013/05/24 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
2013/11/25 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
JS实现5秒钟自动封锁div层的方法
2015/02/20 Javascript
jquery中ready()函数执行的时机和window的load事件比较
2015/06/22 Javascript
理解JS绑定事件
2016/01/19 Javascript
js select实现省市区联动选择
2020/04/17 Javascript
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
2016/10/08 Javascript
js生成随机颜色方法代码分享(三种)
2016/12/29 Javascript
bootstrap按钮插件(Button)使用方法解析
2017/01/13 Javascript
react中fetch之cors跨域请求的实现方法
2018/03/14 Javascript
使用javascript函数编写简单银行取钱存钱流程
2018/05/26 Javascript
微信小程序遍历Echarts图表实现多个饼图
2019/04/25 Javascript
详解VUE项目中安装和使用vant组件
2019/04/28 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
2019/05/12 Javascript
使用vue实现一个电子签名组件的示例代码
2020/01/06 Javascript
[08:04]TI4西雅图DOTA2前线报道 海涛探访各路人马
2014/07/09 DOTA
Python中作用域的深入讲解
2018/12/10 Python
python实现烟花小程序
2019/01/30 Python
tensorflow生成多个tfrecord文件实例
2020/02/17 Python
Windows 平台做 Python 开发的最佳组合(推荐)
2020/07/27 Python
巴西最大的玩具连锁店:Ri Happy
2020/06/17 全球购物
药剂学专业应届生自荐信
2013/09/29 职场文书
竞选班长演讲稿
2013/12/30 职场文书
中学生班主任评语
2014/01/30 职场文书
房地产工程部经理岗位职责
2015/04/09 职场文书
法定代表人身份证明书
2015/06/18 职场文书
2016应届毕业生就业指导课心得体会
2016/01/15 职场文书
创业计划书之甜品店
2019/09/18 职场文书
浅谈Python数学建模之整数规划
2021/06/23 Python
MySQL8.0 Undo Tablespace管理详解
2022/06/16 MySQL