Question

我尝试在我的新网站上使用jQuery Mousewheel。我在网站上实现它并没有遇到任何问题，但这个问题有点具体。

基本上我的网站显示了一堆内联图片，包含在#main div中： example 1 http://nsa37.casimages.com/img/2015/06/09/150609065014654493.png

因此Mousewheel插件允许您水平浏览图片列表。到目前为止，没问题。

但是当你打开菜单时，它会打开另一个（较小的）图片的水平列表，包含在#menu div中： example 1 http://nsa38.casimages.com/img/2015/06/09/150609065014747081.png

当然，如果菜单打开，我希望滚动菜单而不是内容。

我想过打开一个＆＃39; open＆＃39;登上菜单，然后对鼠标滚轮事件进行测试：

$('#menu-button').click(function() {
  $('#menu').toggleClass('open');
});

$('body, html, *').mousewheel(function(event, delta) {
  if($('#menu').hasClass('open')) {
    $('#menu').scrollLeft -= (delta * 40);
  } else {
    $('#main').scrollLeft -= (delta * 40);
  }
  event.preventDefault();
});

它似乎不起作用。知道我该怎么办？

编辑：这是一个JSFiddle：http://jsfiddle.net/69Lmbxtc/12/

jQuery Mousewheel - 滚动的几个部分

0 个答案: