怎么用JavaScript获取当前网页滚动条的坐标呢？

Posted 2023-04-15

怎么用javascript获取当前网页滚动条的坐标呢？

//滚动条位置
function GetPageScroll() 
 
    var x, y; if(window.pageYOffset) 
        // all except IE    
        y = window.pageYOffset;    
        x = window.pageXOffset; 
     else if(document.documentElement && document.documentElement.scrollTop) 
        // IE 6 Strict    
        y = document.documentElement.scrollTop;    
        x = document.documentElement.scrollLeft; 
     else if(document.body)     // all other IE    
        y = document.body.scrollTop;    
        x = document.body.scrollLeft;   
     
    return X:x, Y:y;

参考技术A 获取当前页的纵坐标：document.documentElement.scrollTop
获取当前页的横坐标：document.documentElement.scrollLeft 参考技术B jquery里是$(document).scrollTop(); 参考技术C 额，是滚动高度么？

在JavaScript中获取当前页面的滚动位置

要获取当前页面的滚动条纵坐标位置，用：

document.documentElement.scrollTop;

而不是：

document.body.scrollTop;

documentElement 对应的是 html 标签，而 body 对应的是 body 标签。

documentElement 不常用。这容易在开发中犯错，网上很多例子，用的是 document.body.scrollTop ，实际上是取不到正确值的。
(scrollTop属性是什么?
有些情况下,“元素中内容”的高度会超过“元素本身”的高度, scrollTop指的是“元素中的内容”超出“元素上边界”的那部分的高度,也就是scrollTop元素中内容卷起来的高度,或者理解为元素中内容向上移动过程中，跑上去看不见的部分，也可以理解为是滚动条相对于其顶部的偏移。)