编程 Javascript

ff chrome和ie下全局动态定位的异同及全局高度的取法

Posted in Javascript onJune 30, 2014

DTD已声明

IE
document.documentElement.scrollHeight 浏览器所有内容高度 ,document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 浏览器滚动部分高度，document.body.scrollTop 始终为0
document.documentElement.clientHeight 浏览器可视部分高度，document.body.clientHeight 浏览器所有内容高度

FF
document.documentElement.scrollHeight 浏览器所有内容高度 ,document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 浏览器滚动部分高度，document.body.scrollTop 始终为0
document.documentElement.clientHeight 浏览器可视部分高度，document.body.clientHeight 浏览器所有内容高度

Chrome
document.documentElement.scrollHeight 浏览器所有内容高度， document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 始终为0，document.body.scrollTop 浏览器滚动部分高度
document.documentElement.clientHeight 浏览器可视部分高度，document.body.clientHeight 浏览器所有内容高度

DTD未声明

IE
document.documentElement.scrollHeight 浏览器可视部分高度，document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 始终为0，document.body.scrollTop 浏览器滚动部分高度
document.documentElement.clientHeight 始终为0，document.body.clientHeight 浏览器可视部分高度

FF
document.documentElement.scrollHeight 浏览器可视部分高度, document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 始终为0，document.body.scrollTop 浏览器滚动部分高度
document.documentElement.clientHeight 浏览器所有内容高度，document.body.clientHeight 浏览器可视部分高度

Chrome
document.documentElement.scrollHeight 浏览器可视部分高度,document.body.scrollHeight 浏览器所有内容高度
document.documentElement.scrollTop 始终为0，document.body.scrollTop 浏览器滚动部分高度
document.documentElement.clientHeight 浏览器所有内容高度，document.body.clientHeight 浏览器可视部分高度

浏览器所有内容高度即浏览器整个框架的高度，包括滚动条卷去部分+可视部分+底部隐藏部分的高度总和

浏览器滚动部分高度即滚动条卷去部分高度即可视顶端距离整个对象顶端的高度。

DTD声明，指的是浏览器页面载入时候的声明：<!DOCTYPE html public ""....>

声明文档类型html

ff chrome和ie下全局动态定位的异同及全局高度的取法

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery过滤选择器:not()方法使用介绍

Apr 20 Javascript

WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现

Jan 12 Javascript

Angular中$compile源码分析

Jan 28 Javascript

JS组件Bootstrap Select2使用方法解析

May 30 Javascript

jQuery实现动态文字搜索功能

Jan 05 Javascript

ES6教程之for循环和Map,Set用法分析

Apr 10 Javascript

微信小程序获取用户openId的实现方法

May 23 Javascript

Node 自动化部署的方法

Oct 17 Javascript

JavaScript框架Angular和React深度对比

Nov 20 Javascript

JS实现数组的增删改查操作示例

Aug 29 Javascript

Vue+element 解决浏览器自动填充记住的账号密码问题

Jun 11 Javascript

vue中touch和click共存的解决方式

Jul 28 Javascript

js从Cookies里面取值的简单实现

Jun 30 #Javascript

jQuery学习总结之jQuery事件

Jun 30 #Javascript

JavaScript 获取任一float型小数点后两位的小数

Jun 30 #Javascript

滚动条响应鼠标滑轮事件实现上下滚动的js代码

Jun 30 #Javascript

jquery实现人性化的有选择性禁用鼠标右键

Jun 30 #Javascript

javascript时间函数大全

Jun 30 #Javascript

js取得html iframe中的元素和变量值

Jun 30 #Javascript

You might like

PHP Memcached + APC + 文件缓存封装实现代码

2010/03/11 PHP

PHP中关键字interface和implements详解

2017/06/14 PHP

PHP实现微信小程序用户授权的工具类示例

2019/03/05 PHP

nicejforms——美化表单不用愁

2007/02/20 Javascript

$.format,jquery.format 使用说明

2011/07/13 Javascript

html中的input标签的checked属性jquery判断代码

2012/09/19 Javascript

jquery入门必备的基本认识及实例(整理)

2013/06/24 Javascript

基于JavaScript实现添加到购物车效果附源码下载

2016/08/22 Javascript

jquery拼接ajax 的json和字符串拼接的方法

2017/03/11 Javascript

Vue组件中slot的用法

2018/01/30 Javascript

vue使用v-if v-show页面闪烁,div闪现的解决方法

2018/10/12 Javascript

如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)

2019/05/30 NodeJs

layui使用button按钮点击出现弹层弹层中加载表单的实例

2019/09/04 Javascript

重置Redux的状态数据的方法实现

2019/11/18 Javascript

使用konva和vue-konva库实现拖拽滑块验证功能

2020/04/27 Javascript

如何HttpServletRequest文件对象并储存

2020/08/14 Javascript

Vue实现小购物车功能

2020/12/21 Vue.js

[01:09:01]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第一场 10.28

2020/10/28 DOTA

python 多线程应用介绍

2012/12/19 Python

Python中eval带来的潜在风险代码分析

2017/12/11 Python

python实现mysql的读写分离及负载均衡

2018/02/04 Python

浅谈Django2.0 加xadmin踩的坑

2019/11/15 Python

使用Numpy对特征中的异常值进行替换及条件替换方式

2020/06/08 Python

python数据类型强制转换实例详解

2020/06/22 Python

python中tkinter窗口位置\坐标\大小等实现示例

2020/07/09 Python

用 python 进行微信好友信息分析

2020/11/28 Python

阿玛尼美妆英国官网：Giorgio Armani Beauty英国

2019/03/28 全球购物

顶岗实习接收函

2014/01/09 职场文书

咖啡厅创业计划书范本

2014/01/22 职场文书

校园十大歌手策划书

2014/02/01 职场文书

项目经理任命书内容

2014/06/06 职场文书

投标单位介绍信

2015/05/05 职场文书

食品卫生管理制度

2015/08/06 职场文书

Python基础之pandas数据合并

2021/04/27 Python

MySQL中日期型单行函数代码详解

2021/06/21 MySQL