Question

有没有人知道是否有办法阻止用户水平滚动？香港专业教育学院使用overflow-x：隐藏的CSS，但它有时仍然可以滚动（但有时候，它很奇怪..）

http://www.kaiserroof.com

是否可以使用javascript禁用右/左箭头以及左/右鼠标滚轮的击键事件？如果没有水平滚动，他们无论如何都不需要那些按钮。我认为有一种方法可以用javascript做到这一点，但我不记得了吗？像onkeypress“左箭头”返回false？我虽然不知道太多的javascript ..

Answer 1

似乎您将overflow-x: hidden放在HTML正文中;但是这不起作用。在要禁用水平滚动的元素上使用overflow-x: hidden。

Answer 2

如果有人想知道，我用jquery想出来：

<script language="JavaScript"><!--
function checkKey(e){
     switch (e.keyCode) {
        case 37:
            return false;
            break;
        case 39:
            return false;
            break;
        default:
            return true;  
            }      
}

if ($.browser.mozilla) {
    $(document).keypress (checkKey);
} else {
    $(document).keydown (checkKey);
}
--></script>

Answer 3

您可以尝试此解决方法

$(window).on("scroll", function(evt) {
var height = $(window).scrollTop();
scrollTo(0,height);
});

查看我的专栏here

使用javascript防止水平滚动？

3 个答案: