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/一个工作片段。