Javascript 我们如何限制用户一次可以滚动的数量?

Javascript 我们如何限制用户一次可以滚动的数量?,javascript,css,scroll,scrollbar,infinite-scroll,Javascript,Css,Scroll,Scrollbar,Infinite Scroll,例如,如果可滚动长度为3000px,但我不希望用户一次滚动超过600px,我如何实现这一点?是。。。您可以“强制”滚动位置。然后在一定延迟后停止强制以重新启用正常滚动。请参阅代码中的注释 console.clear() let page=document.querySelector(“#page”) 让滚动=page.scrollTop 让超时 第页。添加的事件列表器(“滚动”,功能(e){ 让scrolling=this.scrollTop 设scrollBlock=600 //向下滚动 如

例如,如果可滚动长度为3000px,但我不希望用户一次滚动超过600px,我如何实现这一点?

是。。。您可以“强制”滚动位置。然后在一定延迟后停止强制以重新启用正常滚动。请参阅代码中的注释

console.clear()
let page=document.querySelector(“#page”)
让滚动=page.scrollTop
让超时
第页。添加的事件列表器(“滚动”,功能(e){
让scrolling=this.scrollTop
设scrollBlock=600
//向下滚动
如果(滚动>滚动+滚动块){
log(“不允许滚动!”)
//“强制”滚动位置
this.scrollTop=已滚动+滚动块
//防止滚动至少2秒的超时
clearTimeout(超时)
timeout=setTimeout(函数(){
控制台清除()
log(“好的,您可以再次滚动。”)
//更新滚动限制
滚动=滚动+滚动块
},2000)
}
//向上滚动重新调整未来向下滚动的滚动值

如果(滚动)请访问,查看和。进行一些研究,搜索相关主题;如果遇到问题,请发布您的尝试,并使用
[]记录输入和预期输出
snippet editor。这是一个拥有和@mplungjan的人,谢谢,但我要问的是完全不同的问题。你提到的问题涉及分页。另一方面,我想要的是,防止用户每次点击滚动拇指并拖动滚动拇指时滚动超过一定数量的像素,这就是分页。只需使用纸卷