javascript - 向上或向下滚动的事件

Question

我想检测用户何时滚动。我看到有一些关于此的问题，但这些答案对我没有帮助。
这是我的代码:

var up = document.getElementById('up');
var down = document.getElementById('down');
function onScroll() {
if (view.scrollTop > 0) {
    console.log("up");
}
if (view.scrollTop < 0) {
    console.log("down");
 }
}
var view = document.getElementById('container');
view.addEventListener("wheel", onScroll);

编辑:“滚动”而不是“轮子”对我不起作用......我必须有“轮子”。当我做时:

if (view.scrolltop <=0) {
    console.log("down");
 } 

我“向下”进入控制台，但当我向上滚动时它也会出现!我的页面 100% 占据屏幕，并且没有滚动条(而且我不想有)。

EDIT2:这是解决我的问题的代码!

window.addEventListener('wheel', function (e) {
if (e.deltaY < 0) {
    console.log("scrolling up");
 }
if (e.deltaY > 0) {
    console.log("scrolling down");
 }
});

Answer 1

您可以使用

window.onscroll

要获取滚动事件，然后使用

.scrollTop 

确定距页面顶部或元素的偏移量。

window.onscroll = function() { scrollFunction() };

scrollFunction() {

 //code to check if it is scrolling up or down
}

希望这是一个有用的开始。