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 相关文章推荐
代码生成器 document.write()
Apr 15 Javascript
js仿百度有啊通栏展示效果实现代码
May 28 Javascript
javascript数组快速打乱重排的方法
Jan 02 Javascript
使用JS取得焦点(focus)元素代码
Mar 22 Javascript
即将发布的jQuery 3 有哪些新特性
Apr 14 Javascript
jQuery zTree树插件简单使用教程
Jan 10 Javascript
微信小程序 setData的使用方法详解
Apr 20 Javascript
vue-自定义组件传值的实例讲解
Sep 18 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
Sep 26 Javascript
element上传组件循环引用及简单时间倒计时的实现
Oct 01 Javascript
微信小程序实现的动态设置导航栏标题功能示例
Jan 31 Javascript
Nuxt的路由配置和参数传递方式
Nov 06 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 str_pad 函数用法简介
2009/07/11 PHP
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
2013/06/05 PHP
使用cookie实现统计访问者登陆次数
2013/06/08 PHP
解析PHP跳出循环的方法以及continue、break、exit的区别介绍
2013/07/01 PHP
PHP设置一边执行一边输出结果的代码
2013/09/30 PHP
Session的工作机制详解和安全性问题(PHP实例讲解)
2014/04/10 PHP
ThinkPHP实现附件上传功能
2017/04/27 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
Google Suggest ;-) 基于js的动态下拉菜单
2006/10/11 Javascript
javascript编程起步(第六课)
2007/01/10 Javascript
jquery+css3实现会动的小圆圈效果
2016/01/27 Javascript
深入解析JavaScript中的arguments对象
2016/06/12 Javascript
jQuery插件ajaxFileUpload使用实例解析
2016/10/19 Javascript
jQuery中Nicescroll滚动条插件的用法
2016/11/10 Javascript
vuex学习之Actions的用法详解
2017/08/29 Javascript
微信小程序支付及退款流程详解
2017/11/30 Javascript
基于Vue+element-ui 的Table二次封装的实现
2018/07/20 Javascript
vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
2018/08/25 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
vue Tab切换以及缓存页面处理的几种方式
2019/11/05 Javascript
使用 UniApp 实现小程序的微信登录功能
2020/06/09 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
2020/11/12 Javascript
[44:58]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第二场
2018/04/06 DOTA
使用Python脚本操作MongoDB的教程
2015/04/16 Python
Python实现的递归神经网络简单示例
2017/08/11 Python
python学习基础之循环import及import过程
2018/04/22 Python
python filecmp.dircmp实现递归比对两个目录的方法
2020/05/22 Python
Python爬虫JSON及JSONPath运行原理详解
2020/06/04 Python
JavaScript获取当前url根目录(路径)
2014/02/19 面试题
对祖国的寄语大全
2014/04/11 职场文书
办护照工作证明
2014/10/01 职场文书
2014年科协工作总结
2014/12/09 职场文书
2015小学教师德育工作总结
2015/05/12 职场文书
个人收入证明格式
2015/06/24 职场文书
python可视化分析绘制带趋势线的散点图和边缘直方图
2022/06/25 Python