Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/image-processing/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何找到距scrollTop的距离?_Javascript - Fatal编程技术网

Javascript 如何找到距scrollTop的距离?

Javascript 如何找到距scrollTop的距离?,javascript,Javascript,我做到了: var outer=document.querySelectorAll('.outer'); setInterval(函数(){ //console.log(outer.scrollY);//未定义 //console.log(outer.scrollTop);//未定义 }, 500); .outer{ 宽度:220px; 高度:150像素; 边框:1px纯黑; 溢出y:滚动; 溢出x:隐藏; } .内部{ 位置:相对位置; 宽度:200px; 高度:120px; } 它没有按预

我做到了:

var outer=document.querySelectorAll('.outer');
setInterval(函数(){
//console.log(outer.scrollY);//未定义
//console.log(outer.scrollTop);//未定义
}, 500);
.outer{
宽度:220px;
高度:150像素;
边框:1px纯黑;
溢出y:滚动;
溢出x:隐藏;
}
.内部{
位置:相对位置;
宽度:200px;
高度:120px;
}

它没有按预期工作,因为返回了一组元素。您正在尝试检索集合的
scrollTop
属性(这显然不起作用)。您需要检索集合中特定元素的
scrollTop
属性

您可以访问该节点列表中的第一个元素:

var outer = document.querySelectorAll('.outer');

setInterval(function() {
  console.log(outer[0].scrollTop);
}, 500);
或者使用以下选项:


.querySelectorAll
不会返回数组吗?必须执行
outer[n].scrollY
才能在单个dom元素上找到
scrollY
属性。
var outer = document.querySelector('.outer');

setInterval(function() {
  console.log(outer.scrollTop);
}, 500);