Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
获取javascript中的滚动事件和全高页面_Javascript_Html_Css - Fatal编程技术网

获取javascript中的滚动事件和全高页面

获取javascript中的滚动事件和全高页面,javascript,html,css,Javascript,Html,Css,我有一个页面设置为height:100vh 现在我想在用户尝试滚动时触发一个函数。onScroll不工作,因为无法滚动。我怎样才能继续参加onscroll活动 如果有用的话,这是钢笔 根据定义,如果无法滚动,则不会触发滚动事件。根据定义,如果无法滚动,则不会触发滚动事件。该事件可能会对您有所帮助,但不会从键盘触发滚动事件。所以你可以把这样的东西放在一起: window.addEventListener("wheel", onScroll); window.addEventListener("k

我有一个页面设置为
height:100vh
现在我想在用户尝试滚动时触发一个函数。onScroll不工作,因为无法滚动。我怎样才能继续参加onscroll活动

如果有用的话,这是钢笔

根据定义,如果无法滚动,则不会触发滚动事件。

根据定义,如果无法滚动,则不会触发滚动事件。

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

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页面中的浏览器对此事件的支持,并根据您的需要进行适当的测试

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

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页面中的浏览器对此事件的支持,并根据您的需要进行适当的测试


更新的钢笔

非常感谢,非常好用。但是我怎么能让事件在每个“滚动”中只触发一次,就像在onscroll中一样。太好了,很高兴能提供帮助!非常感谢,非常好用。但是我怎么能让事件在每个“滚动”中只触发一次,就像在onscroll中一样。太好了,很高兴能提供帮助!