获取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中一样。太好了,很高兴能提供帮助!