Javascript querySelector事件侦听器`滚动`

我试图理解为什么

querySelector

元素的

scroll

事件侦听器在这里不起作用

document.querySelector（“.test scroll”）
.addEventListener（'scroll'，function（）{
警报（“滚动”）；
}，假）
。测试滚动条{
高度：2000px；
溢出x：无；
溢出y：滚动；
边框：1px实心#000；
}
因为没有内容，所以强制它实际滚动任何内容

在这里，我添加了一个更高的内部
div
，并使其可滚动

堆栈片段


document.querySelector（“.test scroll”）
.addEventListener（'scroll'，function（）{
警报（“滚动”）；
}，假）
。测试滚动条{
高度：2000px；
溢出x：无；
溢出y：滚动；
边框：1px实心#000；
}
.测试卷轴div{
高度：3000px；
背景：红色；
}
因为没有内容，所以强制它实际滚动任何内容

在这里，我添加了一个更高的内部
div
，并使其可滚动

堆栈片段


document.querySelector（“.test scroll”）
.addEventListener（'scroll'，function（）{
警报（“滚动”）；
}，假）
。测试滚动条{
高度：2000px；
溢出x：无；
溢出y：滚动；
边框：1px实心#000；
}
.测试卷轴div{
高度：3000px；
背景：红色；
}

滚动条不在DIV中，它在主页中。如果DIV的内容太大而无法容纳，则只能在DIV中获得一个滚动条，但您只有一行内容。滚动条不在DIV中，而是在主页中。如果DIV中的内容太大而无法容纳，您只能在其中获得一个滚动条，但您只有一行内容。