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 函数中的参数使用分析
Mar 27 Javascript
A标签触发onclick事件而不跳转的多种解决方法
Jun 27 Javascript
js获取时间(本周、本季度、本月..)
Nov 22 Javascript
JS动态显示表格上下frame的方法
Mar 31 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
微信小程序 数据绑定详解及实例
Oct 25 Javascript
jQuery弹出窗口打开链接的实现代码
Dec 24 Javascript
ES6中Array.includes()函数的用法
Sep 20 Javascript
js canvas实现红包照片效果
Aug 21 Javascript
vue data恢复初始化数据的实现方法
Oct 31 Javascript
js正则匹配多个全部数据问题
Dec 20 Javascript
node.js中module模块的功能理解与用法实例分析
Feb 14 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
文章推荐系统(三)
2006/10/09 PHP
PHP新手上路(九)
2006/10/09 PHP
PHP中将数组转成XML格式的实现代码
2011/08/08 PHP
Yii遍历行下每列数据的方法
2016/10/17 PHP
Yii框架实现的验证码、登录及退出功能示例
2017/05/20 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
JavaScript 数组运用实现代码
2010/04/13 Javascript
js批量设置样式的三种方法不推荐使用with
2013/02/25 Javascript
Egret引擎开发指南之编译项目
2014/09/03 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
json与jsonp知识小结(推荐)
2016/08/16 Javascript
JS基于封装函数实现的表格分页完整示例
2018/06/26 Javascript
Vue.js轮播图走马灯代码实例(全)
2019/05/08 Javascript
Nodejs异步流程框架async的方法
2019/06/07 NodeJs
使用React-Router实现前端路由鉴权的示例代码
2020/07/26 Javascript
[01:15:56]2018DOTA2亚洲邀请赛3月30日 小组赛A组 TNC VS Newbee
2018/03/31 DOTA
王纯业的Python学习笔记 下载
2007/02/10 Python
跟老齐学Python之有点简约的元组
2014/09/24 Python
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
在Python的Django框架中显示对象子集的方法
2015/07/21 Python
Python的Django应用程序解决AJAX跨域访问问题的方法
2016/05/31 Python
python3设计模式之简单工厂模式
2017/10/17 Python
微信跳一跳python自动代码解读1.0
2018/01/12 Python
win10环境下配置vscode python开发环境的教程详解
2019/10/16 Python
CSS3 分类菜单效果
2019/05/27 HTML / CSS
从零实现一个自定义html5播放器的示例代码
2017/08/01 HTML / CSS
JACK & JONES英国官方网站:欧洲领先的男装生产商
2017/09/27 全球购物
Skyscanner英国:苏格兰的全球三大领先航班搜索服务之一
2017/11/09 全球购物
产品开发计划书
2014/04/27 职场文书
关于护士节的演讲稿
2014/05/26 职场文书
公司合作意向书范文
2014/07/30 职场文书
2014年勤工助学工作总结
2014/11/24 职场文书
2015年大学生党员承诺书
2015/04/27 职场文书
电力工程合作意向书
2015/05/11 职场文书
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏