Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript e、 鼠标上的preventDefault移动不使用niceScroll_Javascript_Jquery_Preventdefault_Nicescroll - Fatal编程技术网

Javascript e、 鼠标上的preventDefault移动不使用niceScroll

Javascript e、 鼠标上的preventDefault移动不使用niceScroll,javascript,jquery,preventdefault,nicescroll,Javascript,Jquery,Preventdefault,Nicescroll,这描述了我遇到的问题 我在我的网站上使用插件。它很好用 但在一个页面中,我必须显示宽度接近1000px的时间线。 客户端希望平滑向下滚动到时间线 当鼠标指针位于时间轴div中时,滚动条应水平移动 我已将此代码添加到站点 document.getElementById('tl-scroll').addEventListener('mousewheel', function(e) { this.scrollLeft -= (e.wheelDelta); e.preventDefault();

这描述了我遇到的问题

我在我的网站上使用插件。它很好用

但在一个页面中,我必须显示宽度接近1000px的时间线。 客户端希望平滑向下滚动到时间线

当鼠标指针位于时间轴div中时,滚动条应水平移动

我已将此代码添加到站点

document.getElementById('tl-scroll').addEventListener('mousewheel', function(e) {
  this.scrollLeft -= (e.wheelDelta);
  e.preventDefault();    
}, false);
似乎
preventDefault
无法使用
nicesroll


请帮我清除这个错误

只需使用use
返回false而不是
e.preventDefault()

尝试更新Js代码:

您提供的小提琴有控制台问题和
jquery
库加载问题。我已经修好了,看看我的

我想建议您将来自的CDN引用用于fiddle


希望这有帮助:)

没错,朋友。但是,当水平滚动时,是否有任何方法使其静止(scroll-y)。是的,您需要使用适当的事件执行额外的逻辑来防止这种情况。看看这个。不确定这是否有帮助:(
$(document).ready(function() { 
    $("html").niceScroll();
}); 

// You missed to close it properly above. Syntax error.      

document.getElementById('tl-scroll').addEventListener('mousewheel', function(event) {
  this.scrollLeft -= (event.wheelDelta);
  console.log('I have stopped it');
  return false; // Instead of e.preventDefault(); you just need to use "return false;"
}, false);
$('#tl-scroll').getNiceScroll().hide();