javascript - 在具有全高页面的javascript中获取滚动事件

Question

我有一个页面设置为 height: 100vh现在我想要在用户尝试滚动时触发一个函数。 onScroll 不起作用，因为它无法滚动。我怎样才能仍然获得 onscroll 事件？

如果有帮助的话，这就是笔 https://codepen.io/Sinanski/pen/wEbeMo?editors=0110

Answer 1

wheel事件可能对您有帮助-尽管这不会触发键盘的滚动事件。所以你可以把这样的东西放在一起:

window.addEventListener("wheel", onScroll);

window.addEventListener("keyup", onKeyUp);

function onScroll(event) {
  console.log("scroll")
}

function onKeyUp(event){
  if(event.key == "ArrowUp" || event.key == "ArrowDown"){
     onScroll(event);
  }
}

请注意 MDN 页面中浏览器对此事件的支持，并根据您的需要进行适当测试。

更新笔https://codepen.io/anon/pen/QVRxed?editors=0010