Javascript 如何识别网页中是否存在滚动。还得到它的坐标吗？

我有一个需要动态获取页面滚动坐标的网页。假设一个页面有两个卷轴，我应该得到两个卷轴坐标。因此，它应该是动态的，这取决于页面

var coordObj = []; 
var divs = document.getElementsByTagName('div'); 
for (i = 0; i < divs.length; i++) { 
     var hasHorizontalScrollbar = divs[i].scrollWidth > divs[i].clientWidth; 
     var hasVerticalScrollbar = divs[i].scrollHeight > divs[i].clientHeight; 
     if(hasVerticalScrollbar || hasHorizontalScrollbar) {
          var getCoords=divs[i].getBoundingClientRect(); 
          coordObj.push(getCoords);
     }
}
return coordObj; 

var-coordObj=[]；
var divs=document.getElementsByTagName（'div'）；
对于（i=0；idivs[i]。clientWidth；
var hasVerticalScrollbar=divs[i]。scrollHeight>divs[i]。clientHeight；
if（hasVerticalScrollbar | | hasHorizontalScrollbar）{
var getCoords=divs[i].getBoundingClientRect（）；
协调对象推送（getCoords）；
}
}
返回坐标；

在普通HTML/JS中有三种方法可以做到这一点

首先，您可以使用

onscroll

HTML属性：

内容
内在内容
功能手柄克罗尔（y）{
控制台日志（y.scrollTop）；
}

其次，您可以添加Javascript事件侦听器：

内容
内在内容
var outer=document.getElementById（“outer”）；
outer.addEventListener（“scroll”，（）=>console.log（outer.scrollTop））；

第三，您可以使用

onscroll

JS方法：

内容
内在内容
let outer=document.getElementById（“outer”）；
outer.onscroll=（）=>console.log（outer.scrollTop）；

使用

elem.scrollLeft

表示X坐标，使用

elem.scrollTop

表示Y坐标