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 打开窗口返回值实现代码
Mar 04 Javascript
WEB 浏览器兼容 推荐收藏
May 14 Javascript
javascript中的绑定与解绑函数应用示例
Jun 24 Javascript
jQuery检测输入的字符串包含的中英文的数量
Apr 17 Javascript
javascript实现英文首字母大写
Apr 23 Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 Javascript
javascript的 {} 语句块详解
Feb 27 Javascript
基于bootstrap插件实现autocomplete自动完成表单
May 07 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
Jun 07 Javascript
AngularJS包括详解及示例代码
Aug 17 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
Dec 19 Javascript
jQuery实现的图片点击放大缩小功能案例
Jan 02 jQuery
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
FCKeditor添加自定义按钮
2008/03/27 PHP
基于PHP一些十分严重的缺陷详解
2013/06/03 PHP
Php header()函数语法及使用代码
2013/11/04 PHP
浅谈PHP正则表达式中修饰符/i, /is, /s, /isU
2014/10/21 PHP
Yii快速入门经典教程
2015/12/28 PHP
PHP常用的三种设计模式汇总
2016/08/28 PHP
php类的自动加载操作实例详解
2016/09/28 PHP
PHP实现webshell扫描文件木马的方法
2017/07/31 PHP
ExtJS 下拉多选框lovcombo
2010/05/19 Javascript
基于jquery实现的树形菜单效果代码
2015/09/06 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
2016/02/20 Javascript
javascript中this指向详解
2016/04/23 Javascript
关于javascript事件响应的基础语法总结(必看篇)
2016/12/26 Javascript
vue修改vue项目运行端口号的方法
2017/08/04 Javascript
React操作真实DOM实现动态吸底部的示例
2017/10/23 Javascript
利用node.js如何创建子进程详解
2017/12/09 Javascript
react+redux的升级版todoList的实现
2017/12/18 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
vue 解决computed修改data数据的问题
2019/11/06 Javascript
vue ssr+koa2构建服务端渲染的示例代码
2020/03/23 Javascript
vue实现移动端input上传视频、音频
2020/08/18 Javascript
vue3.0自定义指令(drectives)知识点总结
2020/12/27 Vue.js
Python使用PIL库实现验证码图片的方法
2016/03/11 Python
Scrapy框架CrawlSpiders的介绍以及使用详解
2017/11/29 Python
python+ffmpeg视频并发直播压力测试
2018/03/06 Python
Python OpenCV处理图像之图像像素点操作
2018/07/10 Python
详解Python logging调用Logger.info方法的处理过程
2019/02/12 Python
基于python纯函数实现井字棋游戏
2020/05/27 Python
python生成word合同的实例方法
2021/01/12 Python
Python实现区域填充的示例代码
2021/02/03 Python
费用会计岗位职责
2014/01/01 职场文书
文化与传播毕业生求职信
2014/03/09 职场文书
房屋出租协议书范本(标准版)
2014/09/24 职场文书
2015年幼儿园元旦亲子活动方案
2014/12/09 职场文书
Python趣味挑战之用pygame实现简单的金币旋转效果
2021/05/31 Python
Python集合set()使用的方法详解
2022/03/18 Python