javascript - 使用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;
}); 

});

类parant是父div。