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

Javascript 使用jQuery插件使用鼠标滚轮水平滚动,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试使用鼠标滚轮启用水平滚动。我一丝不苟地跟着。但是,在页面上滚动时出现以下错误: [干预]无法在被动事件侦听器内防止默认设置 由于目标被视为被动的 下面是my main.js中使用的确切代码: $(function() { $("body").mousewheel(function(event, delta) { this.scrollLeft -= (delta * 30); event.preventDefault();

我正在尝试使用鼠标滚轮启用水平滚动。我一丝不苟地跟着。但是,在页面上滚动时出现以下错误:

[干预]无法在被动事件侦听器内防止默认设置 由于目标被视为被动的

下面是my main.js中使用的确切代码:

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

我刚刚测试了用一个精确的div
$(“#maincainer”)
替换
$(“body”)
,它可以工作。我只是想知道为什么它不能像在教程中那样与主体一起工作?

如果您收到此警告,则表示浏览器默认为该对象设置被动触摸移动事件:true。此时将不会执行默认设置,页面也不会崩溃。因此,您可以删除preventDefault以消除警告

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

也许值得一读,你能给我们看看你的css和html吗?谢谢,注释掉默认值,去掉了错误,但是滚动不起作用。