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);