Question

在html正文中使用

overflow: hidden

我设法控制了网页的滚动流程。是否也可以阻止用户向上翻页，向下翻页，向上和向下箭头键滚动功能？

Answer 1

使用preventDefault()：

window.onkeydown=function(e){
   if(e.keycode==33 || e.keycode==34 || e.keycode==38 || e.keycode==40){
       e.preventDefault();
   }
}

Answer 2

这是我的解决方案：

var ar = new Array(33, 34, 38, 40);

$(document).keydown(function (e) {
    var key = e.which;
    if ($.inArray(key, ar) > -1) {
        e.preventDefault();
        return false;
    }
    return true;
});

Answer 3

37 - 离开 38 - 起来 39 - 对 40 - 下来

$(document).keydown(function(e){
   if(e.which>=36 && e.which<40){
       e.preventDefault();
   }
});

DEMO：FIDDLE

是否可以阻止用户向上翻页，向下翻页，向上和向下箭头键滚动功能？

3 个答案: