编程 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 学习第七课扩展jQuery的功能插件开发

May 17 Javascript

JavaScript中switch语句的用法详解

Jun 03 Javascript

js不间断滚动的简单实现

Jun 03 Javascript

浅谈jquery采用attr修改form表单enctype不起作用的问题

Nov 25 Javascript

jQuery实现标签页效果实战（4）

Feb 08 Javascript

深入掌握 react的 setState的工作机制

Sep 27 Javascript

用vuex写了一个购物车H5页面的示例代码

Dec 04 Javascript

file-loader打包图片文件时路径错误输出为[object-module]的解决方法

Jan 03 Javascript

Element图表初始大小及窗口自适应实现

Jul 10 Javascript

Vue跨域请求问题解决方案过程解析

Aug 07 Javascript

微信小程序换肤功能实现代码(思路详解)

Aug 25 Javascript

浅谈Vue的computed计算属性

Mar 21 Vue.js

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

Thinkphp中数据按分类嵌套循环实现方法

2014/10/30 PHP

php使用for语句输出三角形的方法

2015/06/09 PHP

php+ajax实现无刷新的新闻留言系统

2020/12/21 PHP

PHP 输出缓冲控制(Output Control)详解

2016/08/25 PHP

TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例

2018/09/03 PHP

初识JQuery 实例一(first)

2011/03/16 Javascript

将HTMLCollection/NodeList/伪数组转换成数组的实现方法

2011/06/20 Javascript

一个JQuery写的点击上下滚动的小例子

2011/08/27 Javascript

javascript 禁用IE工具栏,导航栏等等实现代码

2013/04/01 Javascript

用函数模板,写一个简单高效的 JSON 查询器的方法介绍

2013/04/17 Javascript

分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug

2016/01/10 Javascript

浅谈js图片前端预览之filereader和window.URL.createObjectURL

2016/06/30 Javascript

浅述Javascript的外部对象

2016/12/07 Javascript

Bootstrap源码解读排版（1）

2016/12/23 Javascript

微信小程序蓝牙的实现实例代码

2017/06/27 Javascript

VSCode 配置React Native开发环境的方法

2017/12/27 Javascript

微信小程序日历效果

2018/12/29 Javascript

vue-cli项目使用mock数据的方法（借助express）

2019/04/15 Javascript

vue使用微信JS-SDK实现分享功能

2019/08/23 Javascript

微信小程序class封装http代码实例

2019/08/24 Javascript

element el-tree组件的动态加载、新增、更新节点的实现

2020/02/27 Javascript

[00:34]拔城逐梦，热血永恒！2020（秋）完美世界城市挑战赛报名开启

2020/10/09 DOTA

详解Python异常处理中的Finally else的功能

2017/12/29 Python

Python中摘要算法MD5，SHA1简介及应用实例代码

2018/01/09 Python

python for 循环获取index索引的方法

2019/02/01 Python

Python paramiko模块使用解析（实现ssh）

2019/08/30 Python

在pycharm中配置Anaconda以及pip源配置详解

2019/09/09 Python

使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式

2020/01/08 Python

Python 面向对象之类class和对象基本用法示例

2020/02/02 Python

Pycharm如何导入python文件及解决报错问题

2020/05/10 Python

校本教研工作制度

2014/01/22 职场文书

英语国培研修感言

2014/02/13 职场文书

水电维修专业推荐信

2014/09/06 职场文书

地理信息科学专业推荐信

2014/09/08 职场文书

2014年党员整改措施

2014/10/24 职场文书

故宫的导游词

2015/01/31 职场文书