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变强势
Jun 22 Javascript
PHP 与 js的通信(via ajax,json)
Nov 16 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
Jan 12 Javascript
js中escape对应的C#解码函数 UrlDecode
Dec 16 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
Dec 04 Javascript
js实现的类似于asp数据字典的数据类型代码实例
Sep 03 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 Javascript
jQuery插件pagewalkthrough实现引导页效果
Jul 05 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
jQuery代码性能优化的10种方法
Jun 21 Javascript
利用JS判断鼠标移入元素的方向
Dec 11 Javascript
微信小程序如何调用json数据接口并解析
Jun 29 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
天津市收音机工业发展史
2021/03/04 无线电
php 删除目录下N分钟前创建的所有文件的实现代码
2013/08/10 PHP
javascript得到XML某节点的子节点个数的脚本
2008/10/11 Javascript
Javascript 获取LI里的内容
2008/12/17 Javascript
两种WEB下的模态对话框 (asp.net或js的分别实现)
2009/12/02 Javascript
JQuery调webservice实现邮箱验证(检测是否可用)
2013/05/21 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
2015/08/31 Javascript
JS实现黑色大气的二级导航菜单效果
2015/09/18 Javascript
jQuery实现6位数字密码输入框
2016/12/29 Javascript
Vue.js 2.0中select级联下拉框实例
2017/03/06 Javascript
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
2017/10/10 Javascript
js实现随机点名系统(实例讲解)
2017/10/18 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
javascript定时器的简单应用示例【控制方块移动】
2019/06/17 Javascript
vue-drawer-layout实现手势滑出菜单栏
2020/11/19 Vue.js
基于JavaScript实现轮播图效果
2021/01/02 Javascript
[03:49]辉夜杯现场龙骑士COSER秀情商“我喜欢芬队!”
2015/12/27 DOTA
python学习 流程控制语句详解
2016/06/01 Python
python 第三方库的安装及pip的使用详解
2017/05/11 Python
Python实现的密码强度检测器示例
2017/08/23 Python
python中numpy.zeros(np.zeros)的使用方法
2017/11/07 Python
Python cookbook(数据结构与算法)在字典中将键映射到多个值上的方法
2018/02/18 Python
python分批定量读取文件内容,输出到不同文件中的方法
2018/12/08 Python
Django中ORM外键和表的关系详解
2019/05/20 Python
Python生成一个迭代器的实操方法
2019/06/18 Python
python实现控制COM口的示例
2019/07/03 Python
使用python 计算百分位数实现数据分箱代码
2020/03/03 Python
python模块如何查看
2020/06/16 Python
Python gevent协程切换实现详解
2020/09/14 Python
python函数超时自动退出的实操方法
2020/12/28 Python
英国顶级水晶珠宝零售商之一:Tresor Paris
2019/04/27 全球购物
Linux上比较文件的命令都有哪些
2012/02/24 面试题
交通违章检讨书
2014/09/21 职场文书
起诉书格式范文
2015/05/20 职场文书
2016元旦晚会主持词
2015/07/01 职场文书
SpringBoot集成Redis的思路详解
2021/10/16 Redis