通过使用overflow-x：hidden单击元素中的鼠标滚轮来禁用水平滚动

Question

如何通过单击鼠标滚轮确定水平滚动的可能性，并使用overflow-x：hidden（使用JavaScript或jQuery）在元素中禁用它？在Firefox中滚动是不可能的，但在IE，Chrome和Safari中也是如此。代码示例：

<div style="overflow-x:hidden; overflow-y:auto;">...</div>

截图：

Answer 1

完全可能，但不是最佳实践（我认为你有一个非常好的理由想要这样做）：

$('#yourDivId').on('scroll', function(){
    $('#container').scrollLeft(0);
});​

请参阅http://jsfiddle.net/q5CTS/3/了解工作代码段。

Answer 2

你可以用jQuery禁用它：

$(document).ready(function(){
   $('.parent').bind('mousewheel', function(event, delta) {
   return false;
}); 

});

班级父母是父级。