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编程起步(第二课)
Jan 10 Javascript
使用onbeforeunload属性后的副作用
Mar 08 Javascript
jquery异步循环获取功能实现代码
Sep 19 Javascript
探讨js字符串数组拼接的性能问题
Oct 11 Javascript
JavaScript中利用各种循环进行遍历的方式总结
Nov 10 Javascript
Javascript设计模式之装饰者模式详解篇
Jan 17 Javascript
Bootstrap表单控件学习使用
Mar 07 Javascript
angular2路由之routerLinkActive指令【推荐】
May 30 Javascript
详解Angular5/Angular6项目如何添加热更新(HMR)功能
Oct 10 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
Oct 12 Javascript
JavaScript将数组转换为链表的方法
Feb 16 Javascript
关于Vue中$refs的探索浅析
Nov 05 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解码unicode编码的中文字符代码分享
2014/08/13 PHP
php将csv文件导入到mysql数据库的方法
2014/12/24 PHP
PHP时间戳格式全部汇总 (获取时间、时间戳)
2016/06/13 PHP
Yii数据模型中rules类验证器用法分析
2016/07/15 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
php 删除一维数组中某一个值元素的操作方法
2018/02/01 PHP
window.js 主要包含了页面的一些操作
2009/12/23 Javascript
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
2012/12/17 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
2013/09/06 Javascript
js怎么覆盖原有方法实现重写
2014/09/04 Javascript
基于JavaScript实现类似于百度学术高级检索功能
2016/03/02 Javascript
jQuery Mobile和HTML5开发App推广注册页
2016/11/07 Javascript
JavaScript队列的应用实例详解【经典数据结构】
2017/04/12 Javascript
mac下的nodejs环境安装的步骤
2017/05/24 NodeJs
Angular使用 ng-img-max 调整浏览器中的图片的示例代码
2017/08/17 Javascript
利用vue.js实现被选中状态的改变方法
2018/02/08 Javascript
简述vue状态管理模式之vuex
2018/08/29 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
2020/08/10 Javascript
vue+element UI实现树形表格
2020/12/29 Vue.js
[48:46]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第二场 11.19
2020/11/19 DOTA
Python操作MongoDB数据库PyMongo库使用方法
2015/04/27 Python
Python设计模式编程中Adapter适配器模式的使用实例
2016/03/02 Python
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
使用 Python 处理 JSON 格式的数据
2019/07/22 Python
Python tkinter常用操作代码实例
2020/01/03 Python
python实现从尾到头打印单链表操作示例
2020/02/22 Python
keras 读取多标签图像数据方式
2020/06/12 Python
Python第三方包PrettyTable安装及用法解析
2020/07/08 Python
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
Moda Operandi官网:美国奢侈品电商,海淘秀场T台同款
2020/05/26 全球购物
Java中compareTo和compare的区别
2016/04/12 面试题
《傅雷家书》教学反思
2014/04/20 职场文书
爱护环境建议书
2015/09/14 职场文书
机关干部纪律作风整顿心得体会
2016/01/23 职场文书
2016年劳模先进事迹材料
2016/02/25 职场文书
redis 解决库存并发问题实现数量控制
2022/04/08 Redis