2016-07-10 102 views
0

我有一些水平的div裏面長的verical aera我想保持大的垂直div滾動體內用鼠標滾輪(電梯圖標) ,我還想保留所有水平滾動條:自動走紙器圖標但當鼠標懸停在水平DIV區域時,僅禁用所有水平DIV的水平鼠標滾輪,並且當懸停正好在水平滾動條上時再次工作保持水平滾動條,但禁用水平輪盤滾動時懸停insise div aera和當在水平滾動條上懸停時再次工作

我沒有' t找到工作的javascript代碼

enter image description here

+0

你可以用CSS來做到這一點。添加overflow-x:隱藏;另外javascript與java不一樣:) –

+0

請說明你爲解決問題所做的努力。包含編碼以顯示您自己的工作。 –

+0

它對我來說是新的,你可以水平滾動時,也可以垂直滾動的可能性。有沒有一個鼠標可以做到這一點? – prizm1

回答

0

您可以通過只使用這個CSS的DIV

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

謝謝,我想禁用只有鼠標滾輪時,在文本aera結束而不是當它結束滾動壩 –

+0

主要表示在我的標題 –

1

您可以用JavaScript做這樣做,而是通過JS theese與CSS簡單的操作:

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

這應該工作)

+0

謝謝你很多天子。 ...我想保持顯示我所有的10個水平滾動條;只禁用鼠標滾輪,只有當它在文本區域時禁用,當懸停在水平滾動條上時不禁用 –

+0

歡迎您 –

+0

此代碼無效:$('#container')。hover(function(){ $(document) .bind('mousewheel DOMMouseScroll',function(){ stopWheel(); }); },function(){ $(document).unbind('mousewheel DOMMouseScroll'); }); (e){(IE),IE8,Chrome,Safari */ e = window.event; } if(e.preventDefault){/ * Chrome,Safari,Firefox */ e.preventDefault(); } –