山东做网站建设公司哪家好,东莞市最新防疫政策,一个网站平台建设得多少钱,天眼查询个人查看滚动条的距离
方法版本window.pageXOffset / pageYOffsetIE9/IE8及以下不支持(常规)document.body.scrollLeft/scrollTopIE9/IE8及以下(部分支持#xff0c;具体看模式)document.documentElement.scrollLeft/scrollTopIE9/IE8及以下(部分支持#xff0c;具体看模式)wind…查看滚动条的距离
方法版本window.pageXOffset / pageYOffsetIE9/IE8及以下不支持(常规)document.body.scrollLeft/scrollTopIE9/IE8及以下(部分支持具体看模式)document.documentElement.scrollLeft/scrollTopIE9/IE8及以下(部分支持具体看模式)window.scrollX / scrollY不常见滚动条距离也看页面真实移动了多少不要看物理距离
兼容模式 浏览器的怪异模式和标准模式
意味着需要按照W3C规范CSS1Compat - W3C的兼容模式标准模式
!DOCTYPE html 若删除!DOCTYPE html 则为BackCompat - 怪异模式
浏览器的可视区域
方法模式window.innerWidth / innerHeightIE9/IE8及以下不支持(常规)【包括滚动条】document.documentElement.clientWidth / clientHeightIE9/IE8及以下 - 标准 【不包括滚动条】document.body.clientWidth / clientHeightIE9/IE8及以下 - 怪异 【包括滚动条】outerWidth / outerHeight 包含了滚动条、侧边栏、控制台等
文档尺寸
scrollWidth window.innerWidth window.pageXOffset 是真正html文档的宽高
方法模式document.documentElement.scrollWidth /scrollHeightIE9/IE8及以下 - 标准 【不包括滚动条】document.body.scrollWidth / scrollHeightIE9/IE8及以下 - 怪异 【包括滚动条】div.getBoundingClientRect()
在IE中不返回宽高可以用bottom-top计算不实时计算
offsetLeft
只认父级的定位元素没有则向上找到可视区域的边框 margin塌陷 解决1父元素加上边距解决2BFC 但是offsetLeft仍然是100
offsetParent
找有定位的父级没有则找到body
封装方法
小盒子左上角距离文档左上角的坐标document.body.offsetLeft 0
操作滚动条
要滚动到window.scroll(x,y) / window.scrollTo(x,y)每一次滚动多少window.scrollBy(x,y) 应用计时器每次滚动自动滚动