文档的滚动条标准怪异模式视口尺寸
Posted guyuedashu
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文档的滚动条标准怪异模式视口尺寸相关的知识,希望对你有一定的参考价值。
滚动条距离
- window.pageXOffset | window.pageYOffset (IE8 集iE8 以下不兼容)
** 下面两组都是IE8 的解决方法 但是由于兼容性混乱 两种方法 俩组方法互斥,有一组方法有值的话另一组则为0 **
** 解决方法将两个值相加就可以解决问题 **
-
document.body.scrollLeft | document.body.scrollTop
-
document.documentElement.scrollTop | document.documentElement.scrollLeft
滚动条滚动
-
window.srcoll(x,y) | window.scrollTo(x,y) 用法相同 滚动到指定位置
-
window.srcollBy(x,y) 会在当前滚动位置相加 可以为负数
标准模式和混杂、怪异模式
-
html文档最上面的声明文档 (‘<!DOCTYPE html>‘)被删除掉就会启动怪异模式;
-
怪异模式下浏览器将会摒弃最新语法,向后兼容
-
document.compatMode 两个取值可以判断标准还是怪异模式
- CSS1Compat 标准模式
- BackCompat 怪异模式
视口尺寸
- window.innerWinth | window.innerHeight (IE8 及以下iE8 以下不兼容)
** 下面两组针对IE **
-
document.documentElement.clientWidth | document.documentElement.clientHeight (标准浏览器都兼容)
-
document.body.clientWidth | document.body.clientHeight (适用于怪异模式的浏览器)
以上是关于文档的滚动条标准怪异模式视口尺寸的主要内容,如果未能解决你的问题,请参考以下文章