Javascript 通过单击overflow-x:hidden元素中的鼠标滚轮来禁用水平滚动
如何通过单击鼠标滚轮并在带有overflow-x:hidden(使用JavaScript或jQuery)的元素中禁用它来确定水平滚动的可能性?在Firefox中滚动是不可能的,但在IE、Chrome和Safari中滚动是可能的。代码示例: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',
…
截图:
完全可能,但不是最佳实践(不过我想你有很好的理由想这么做):
请参阅以获取工作片段。您可以使用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;
});
});