javascript - オーバーフローのある要素でマウスホイールをクリックして、水平スクロールを無効にします-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;
}); 

});

クラスの親は親 div です。