如何使用javascript将滚动事件记录到控制台

我想将窗口上任何滚动事件的x和y变化输出到

控制台

，只是为了测试一些东西。

---

如何使用纯JS实现这一点？

要获得滚动条，您可以执行以下操作：

var scrollX = window.pageXOffset || document.documentElement.scrollLeft; 
var scrollY = window.pageYOffset || document.documentElement.scrollTop;

要在纯Javascript上捕获滚动事件：

function myScript(){
    var scrollX = window.pageXOffset || document.documentElement.scrollLeft;
    var scrollY = window.pageYOffset || document.documentElement.scrollTop;

    console.log('Scroll X:'+scrollX+' Scroll Y:'+scrollY)
}

window.addEventListener("scroll", myScript);

您可以手动调用

myScript（）

，它也将返回有效值

window.onscroll=function（）{
控制台日志（
“顶部：”+（window.pageYOffset | | document.documentElement.scrollTop）+”+
'左：'+（window.pageXOffset | | document.documentElement.scrollLeft）
);
}

---

asdf<
asdf<
asdf<
asdf<
asdf
asdf<
asdf
asdf
asdf<
asdf<<<<<
asdf<
asdf
asdf
asdf
asdf
asdf
asdf
asdf
asdf
asdfasdfasdf
asdfasdfasdfasdf<<asdfasdf
asdfasdf<<
asdfasdfasdfasdfasdfasdf
asdf
asdf
asdf
asdf
asdf
asdf<
asdf<
asdf
asdf
asdf
asdf
asdf
asdf
asdf<
asdf<
asdf<
asdf
asdf
asdf
asdf
asdf
asdf
asdf
asdf
asdfasdf
asdfasdf
asdfasdfasdf
asdfasdfasdfasdfasdf
asdf
asdf<
asdf<<asdf
asdf
asdfasdf
asdf
asdf
asdf
asdf
asdf
asdf
asdf
asdf<
asdf<
asdf
asdf
asdf
asdf
asdf
asdf
asdf<
asdf<
asdf<
asdf
asdf
asdf
asdf
asdf
asdf
asdf
asdf
asdfasdf
asdfasdf
asdfasdfasdf
asdfasdfasdfasdfasdf
asdf
asdf<
asdf<<asdf
asdf
asdfasdf
asdf
asdf
asdf
asdf
asdf
aasdf
asdfasdf
asdf
asdf
asdf
asdf
asdf
asdf
asdfasdfasdfasdf
asdf
asdf
asdf
asdf
asdf
asdfasdfasdf
asdf
asdfasdfasdfasdf
asdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdf
asdf
asdf
asdf
asdf
asdf
asdf
asdf
asdf
asdf
asdf
我通常使用以下内容：

window.addEventListener('scroll', console.log);

---

看看这个-哦，是的-我也不想使用Jquery，只是简单的js…很酷，看起来很管用！但是有一个问题-为什么

window.pageYOffset

不够-为什么

document.documentElement.scrollTop

这个东西？因为存在一些叫做IE的东西，我们仍然需要一些向后兼容性，就像

addEventListener

与

addEventListener

的东西一样。对。嗯，我想这是一个浏览器兼容性问题。谢谢