2012-11-16 68 views
8

マウスホイールをクリックして水平スクロールの可能性を判断し、overflow-x:hiddenで要素内で無効にするにはどうすればよいですか? jQuery)? Firefoxではスクロールが不可能ですが、IE、Chrome、Safariではスクロールが可能です。コード例:オーバーフロー-xで要素のマウスホイールをクリックして水平スクロールを無効にする:hidden

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

スクリーンショット:

Firefox Chrome Safari IE

+0

スペースがあるよりも多くのコンテンツがある場合は、スクロールバーを置くか、 'overflow:hidden'を使用してスクロールバーを切り取ることができます。スクロールバーを無効にしたり、コンテンツを非表示にする必要はありませんか? –

+0

それでも心配しないでください。私はそれが可能であるかどうかもわからないし、それがマウスの機能に悩まされることになる人を怒らせてしまうだろう。 –

+1

私の答えを見てください:http://stackoverflow.com/questions/13058202/disable-the-body-scroll-but-keep-it-on-individual-div-elements-which-are-greate/13058634#13058634私あなたのニーズに合わせてスクリプトを変更するだけです – motivast

答えて

2

完全に可能ではなく、ベストプラクティス(私はあなたがそれをやりたいと思っための本当に良い理由が推測しかし、):

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

ワーキングスニペットについては、http://jsfiddle.net/q5CTS/3/を参照してください。

0

あなたはjQueryを使ってそれをdisbleことができます。

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

}); 

クラスparantは、親のdivです。

関連する問題