Question

我注意到当我使用“overflow-x：hidden”隐藏水平滚动条并阻止手动滚动时，我仍然可以使用Mozilla Firefox中的箭头键滚动（这可能也适用于鼠标滚轮但我不喜欢没有鼠标滚轮来测试它。

在谷歌浏览器中隐藏滚动条会阻止滚动，这是我想要的行为，因为我想用javascript完全控制水平滚动。

如何阻止用户控制所有浏览器的滚动？

以下是jsfiddle的示例： http://jsfiddle.net/tDzpm/3/

body{
    overflow-x: hidden;
}

我不希望用户能够在那个小提琴中左右滚动。

Answer 1

overflow: hidden仅隐藏滚动条。 Page Down / Up，箭头键和鼠标滚轮仍然有效。有关如何禁用它们的信息，请参阅Stack Overflow上的How to disable scrolling temporarily?问题。

Answer 2

您可以使用Javascript覆盖箭头键的默认功能来解决此问题。

我添加了一个简单的JQuery函数，应该在site / pageload-cycle的“结尾”调用（例如在脚本标记中）

<script type="text/javascript">
$("html").keydown(function(event) {
    switch(event.keyCode) {
        case 32://space
        case 33://pgup
        case 34://pgdn
        case 35://end
        case 36://home
        case 37://left
        case 38://up
        case 39://right
        case 40://down
        return false;
    }
});
</script>

阻止firefox用户滚动

2 个答案: