使用 jQuery 插件使用鼠标滚轮水平滚动

Question

我正在尝试使用this jQuery plugin 通过鼠标滚轮启用水平滚动。我完全关注this short CSS-Tricks tutorial。但是，在页面上滚动时出现此错误：

[干预] 无法阻止被动事件侦听器中的默认值 由于目标被视为被动。

这是我的 main.js 中使用的确切代码：

$(function() {    
   $("body").mousewheel(function(event, delta) {    
      this.scrollLeft -= (delta * 30);        
      event.preventDefault();    
   });    
});

我刚刚测试了用精确的 div $("#mainContainer") 替换 $("body") 并且它有效。我只是想知道为什么它不能像教程中那样在 body 上工作？

Answer 1

如果您收到此警告，则表示浏览器默认为该对象设置了被动 touchmove 事件：true。这时候你的 preventDefault 不会被执行，页面也不会崩溃。因此，您可以删除 preventDefault 以消除警告。

$(function() {
   $("body").mousewheel(function(event, delta) {
      this.scrollLeft -= (delta * 30);
   });
});