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 Autocomplete 结合asp.net使用要点
Oct 29 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
Apr 01 Javascript
使用 js+正则表达式为关键词添加链接
Nov 11 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
Aug 01 Javascript
正则 js分转元带千分符号详解
Mar 08 Javascript
JavaScript屏蔽Backspace键的实现代码
Nov 02 Javascript
Vue入门之数量加减运算操作示例
Dec 11 Javascript
构建Vue大型应用的10个最佳实践(小结)
Nov 07 Javascript
Servlet返回的数据js解析2种方法
Dec 12 Javascript
Vue.js仿Select下拉框效果
Feb 18 Javascript
javascript设计模式 ? 代理模式原理与用法实例分析
Apr 16 Javascript
javascript遍历对象的五种方式实例代码
Oct 24 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中的加密功能
2006/10/09 PHP
Yii框架实现多数据库配置和操作的方法
2017/05/25 PHP
javascript整除实现代码
2010/11/23 Javascript
Extjs表单常见验证小结
2014/03/07 Javascript
用jquery实现动画跳到顶部和底部(这个比较简单)
2014/09/01 Javascript
JavaScript中的继承方式详解
2015/02/11 Javascript
javascript中eval解析JSON字符串
2016/02/27 Javascript
超实用的javascript时间处理总结
2016/08/16 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
详解基于vue-cli优化的webpack配置
2017/11/06 Javascript
详解swipe使用及竖屏页面滚动方法
2018/06/28 Javascript
Vue项目中配置pug解析支持
2019/05/10 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
2019/06/24 Javascript
vue中实现回车键登录功能
2020/02/19 Javascript
JS自定义滚动条效果
2020/03/13 Javascript
vue如何搭建多页面多系统应用
2020/06/17 Javascript
[41:52]2018DOTA2亚洲邀请赛3月29日小组赛B组Effect VS Secret
2018/03/30 DOTA
通过代码实例展示Python中列表生成式的用法
2015/03/31 Python
python按行读取文件,去掉每行的换行符\n的实例
2018/04/19 Python
Python json模块dumps、loads操作示例
2018/09/06 Python
对numpy中二进制格式的数据存储与读取方法详解
2018/11/01 Python
Django Sitemap 站点地图的实现方法
2019/04/29 Python
解决python中用matplotlib画多幅图时出现图形部分重叠的问题
2019/07/07 Python
Flask框架学习笔记之消息提示与异常处理操作详解
2019/08/15 Python
Python利用 utf-8-sig 编码格式解决写入 csv 文件乱码问题
2020/02/21 Python
Django 自定义404 500等错误页面的实现
2020/03/08 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
Python爬虫UA伪装爬取的实例讲解
2021/02/19 Python
英国Iceland杂货店:网上食品购物
2020/12/16 全球购物
某公司的.net工程师面试题笔试题
2013/11/22 面试题
毕业生自我鉴定
2013/11/05 职场文书
毕业生就业协议书
2014/04/11 职场文书
热门专业求职信
2014/05/24 职场文书
2014年九一八事变演讲稿
2014/09/14 职场文书
电力安全学习心得体会
2016/01/18 职场文书
Python还能这么玩之用Python修改了班花的开机密码
2021/06/04 Python