编程 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 相关文章推荐

javascript 日期时间函数(经典＋完善＋实用)

May 27 Javascript

9个javascript语法高亮插件推荐

Jul 18 Javascript

javascript 正则表达式相关应介绍

Nov 27 Javascript

javascript不同类型数据之间的运算的转换方法

Feb 13 Javascript

JavaScript实现简单的日历效果

Sep 25 Javascript

jQuery特殊符号转义的实现

Nov 30 Javascript

AJAX和jQuery动态加载数据的实现方法

Dec 05 Javascript

JS实现的添加弹出层并完成锁屏操作示例

Apr 07 Javascript

基于Two.js实现星球环绕动画效果的示例

Nov 06 Javascript

基于vue.js的分页插件详解

Nov 27 Javascript

解决Layui数据表格的宽高问题

Sep 28 Javascript

js基于canvas实现时钟组件

Feb 07 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中Date获取时间不正确怎么办

2008/06/05 PHP

php实现设计模式中的单例模式详解

2014/10/11 PHP

yii2 commands模式以及配置crontab定时任务的方法

2017/08/19 PHP

PHP文件上传小程序适合初学者学习!

2019/05/23 PHP

Mac地址验证的javascript代码

2013/11/09 Javascript

js如何实现点击标签文字，文字在文本框出现

2015/08/05 Javascript

手机端js和html5刮刮卡效果

2020/09/29 Javascript

javascript实现页面滚屏效果

2017/01/17 Javascript

js eval函数使用,js对象和字符串互转实例

2017/03/06 Javascript

原生JS实现导航下拉菜单效果

2020/11/25 Javascript

webpack踩坑之路图片的路径与打包

2017/09/05 Javascript

解决jquery appaend元素中id绑定事件失效的问题

2017/09/12 jQuery

Vue v2.5 调整和更新不完全问题

2017/10/24 Javascript

详解jQuery获取特殊属性的值以及设置内容

2018/11/14 jQuery

Vue.js数字输入框组件使用方法详解

2019/10/19 Javascript

详解Vue串联过滤器的使用场景

2020/04/30 Javascript

vue实现点击出现操作弹出框的示例

2020/11/05 Javascript

Python过滤函数filter()使用自定义函数过滤序列实例

2014/08/26 Python

pandas带有重复索引操作方法

2018/06/08 Python

Python一句代码实现找出所有水仙花数的方法

2018/11/13 Python

python常用数据重复项处理方法

2019/11/22 Python

Python面向对象原理与基础语法详解

2020/01/02 Python

10个python爬虫入门基础代码实例 + 1个简单的python爬虫完整实例

2020/12/16 Python

html+css实现自定义图片上传按钮功能

2019/09/04 HTML / CSS

使用HTML5 Geolocation实现一个距离追踪器

2018/04/09 HTML / CSS

轻松制作精彩视频：Animoto

2018/09/19 全球购物

金鑫耀Java笔试题

2014/09/06 面试题

运动会广播稿30字

2014/01/21 职场文书

工厂会计员职责

2014/02/06 职场文书

2014两会学习心得：时代的发展

2014/03/17 职场文书

2014年领导班子专项整治整改方案

2014/09/28 职场文书

党的群众路线教育实践活动专题组织生活会发言材料

2014/10/17 职场文书

2014幼儿园班主任工作总结

2014/12/04 职场文书

2016秋季田径运动会广播稿

2015/12/21 职场文书

教你用python实现一个无界面的小型图书管理系统

2021/05/21 Python

pytorch 实现多个Dataloader同时训练

2021/05/29 Python