Javascript 通过单击overflow-x:hidden元素中的鼠标滚轮来禁用水平滚动

Javascript 通过单击overflow-x:hidden元素中的鼠标滚轮来禁用水平滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何通过单击鼠标滚轮并在带有overflow-x:hidden(使用JavaScript或jQuery)的元素中禁用它来确定水平滚动的可能性?在Firefox中滚动是不可能的,但在IE、Chrome和Safari中滚动是可能的。代码示例: … 截图: 完全可能,但不是最佳实践(不过我想你有很好的理由想这么做): 请参阅以获取工作片段。您可以使用jQuery将其解散: $(document).ready(function(){ $('.parent').bind('mousewheel',

如何通过单击鼠标滚轮并在带有overflow-x:hidden(使用JavaScript或jQuery)的元素中禁用它来确定水平滚动的可能性?在Firefox中滚动是不可能的,但在IE、Chrome和Safari中滚动是可能的。代码示例:

截图:


完全可能,但不是最佳实践(不过我想你有很好的理由想这么做):


请参阅以获取工作片段。

您可以使用jQuery将其解散:

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

});

parant类是父div。

如果内容比空间多,可以放置滚动条,也可以使用
溢出:隐藏
将其切断。你怎么能禁用滚动条而不必隐藏内容呢?不用担心。我甚至不确定这是否可能,如果可能的话,有人决定破坏鼠标功能会让我很生气。看看我的回答:我已经禁用了滚动体元素,只需更改脚本以满足您的需要。我澄清了问题并添加了屏幕截图。
$(document).ready(function(){
   $('.parent').bind('mousewheel', function(event, delta) {
   return false;
}); 

});