获取JS屏幕坐标
首先我们来了解一下几个关键的对象
- documentElement 属性可返回文档的根节点(获取文档中的的元素)。
- 2.scrollTop() 为滚动条向下移动的距离
- document.documentElement.scrollTop 指的是滚动条的垂直坐标
- document.documentElement.clientHeight 指的是浏览器可见区域高度
document.documentElement.scrollHeight (浏览器所有内容高度)
document.body.scrollHeight (浏览器所有内容高度)
document.documentElement.scrollTop (始终为0)
document.body.scrollTop (浏览器滚动部分高度)
document.documentElement.clientHeight (浏览器可视部分高度)
document.body.clientHeight (浏览器所有内容高度)
以上对象可以解读为:
浏览器所有内容高度即浏览器整个框架的高度,包括滚动条卷去部分+可视部分+底部隐藏部分的高度总和
浏览器滚动部分高度即滚动条卷去部分高度即可视顶端距离整个对象顶端的高度。
综合上述的解释,我们在来看
1、document.documentElement.scrollTop和document.body.scrollTop始终有一个为0,所以可以用这两个的和来求scrollTop
2、scrollHeight、clientHeight 在文档定义类型