2016-07-10 7 views
0

長い水平楕円形の内側に水平なdivがあります。しかし、私は水平スクロールバーを残したい:旅行者のアイコンしかし、マウスが水平DIV領域のみにマウスを置いたときに、水平のマウスホイールのみを無効にし、水平スクロールバーにマウスを置くと再び動く。水平スクロールバーを保持しますが、水平スクロールバーをホバリングしたときに水平ホイールスクロールを無効にし、水平スクロールバーをホバーすると再び動作します

I didn '見つからないjavascriptコード

enter image description here

+0

これはCSSで行うことができます。オーバーフローを追加 - x:隠し;また、javascriptはjavaと同じではありません:) –

+0

あなたの問題を解決するためにどのような取り組みを行ったのかを示してください。あなた自身の仕事を示すためのコーディングを含みます。 –

+0

それは、垂直方向にスクロールする可能性があるときに水平方向にスクロールすることができます。それを行うことができるマウスはありますか? – prizm1

答えて

0

あなたは、あなたはjavascriptでそれを行うかもしれませんが、JSを経由してCSSを使用した簡単な操作theeseあるあなたのdivにちょうどこのCSSを使用して

overflow-y: scroll; 
overflow-x: hidden; 
+0

ありがとうございます。スクロールバーの上に終わっていないとき –

+0

主に私のタイトルに示されているように –

1

これを行うことができます。

[your element].style.overflowY = "scroll"; 
[your element].style.overflowX = "hidden"; 

動作するはずです)

+0

Dziありがとう。 ...私はすべての10の水平スクロールバーを表示し続けたい。マウスホイールを無効にし、テキスト領域にあるときにのみ無効にします。水平スクロールバーにマウスを置くと無効になりません。 –

+0

あなたは歓迎です –

+0

このコードは機能しません:$( '#container').hover(function(){ $(document) .bind( 'マウスホイールのDOMMouseScroll'、関数(){ stopWheel(); }); }、関数(){ $(文書).unbind( 'マウスホイールのDOMMouseScroll'); })。 function stopWheel(e){ if(!e){/ * IE7、IE8、Chrome、Safari */ e = window.event; } if(e.preventDefault){/ * Chrome、Safari、Firefox */ e.preventDefault(); } –

関連する問題