Question

我正在研究我的项目，我已经制作了一个横向滚动网站。

问题似乎是当我在水平网页上有一个可滚动的div（垂直）时，我无法再垂直滚动它。

我试图制作一个鼠标悬停事件来覆盖这个脚本，但我无法让它工作：

<script>
$(document).ready(function(){
  $(".main").onepage_scroll({
    sectionContainer: "section",
    responsiveFallback: 600
  });
});
</script>

所以我想要做的是当你的鼠标悬停在网站的文件选择“拖放文件”部分时，我希望禁用此功能。

曼尼谢谢你的时间！

更新

我使用过这个工作代码：

<script>
$(document).ready(function(){
$('#fileUpload').on('mousewheel', function(e) {
    e.stopPropagation();
});
});
</script>

它的工作但不适用于Firefox。

所以我试图添加一些代码并且它不适用于我：

    <script>
$(document).ready(function(){
$('#fileUpload').on('mousewheel', function(e) {
    e.stopPropagation();
});
});

var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel" //FF doesn't recognize mousewheel as of FF3.x

if (slideshow.attachEvent) //if IE (and Opera depending on user setting)
slideshow.attachEvent("on"+mousewheelevt, rotateimage)

else if (slideshow.addEventListener) //WC3 browsers
slideshow.addEventListener(mousewheelevt, rotateimage, false)

</script>

Patrick Falize

Answer 1

$('#fileUpload').on('DOMMouseScroll mousewheel', function(e) {
    e.stopPropagation();
});

Answer 2

这段代码适用于所有浏览器，我只需要为firefox添加一些代码。

Firefox不支持.onmousewheel，您必须使用DOMMouseScroll事件：

$(document).on( "mousewheel DOMMouseScroll", function(e){
    e.preventDefault();
});

哦，所以我明白了。 firefox与e.stopPropagation（）没有问题;但问题在于moudewheel功能。所以我将“DOMMouseScroll”添加到.on中，它就像一个沙姆！

如何使用鼠标悬停禁用js功能

2 个答案: