2016-07-10 73 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(); } –