javascript - 绑定(bind)此鼠标滚轮事件处理程序会禁用垂直滚动

Question

我的站点有没有滚动条的垂直滚动，一个 div 也有没有滚动条的水平滚动。

我得到以下代码:

(function() {
  function scrollHorizontally(e) {
    e = window.event || e;

    var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));

    document.getElementById("premios-scroll").scrollLeft -= (delta * 40); // Multiplied by 40
    document.getElementById("premios-scroll").scrollLeft -= (delta * 40); // Multiplied by 40

    e.preventDefault();
  }

  if (window.addEventListener) {
    // IE9, Chrome, Safari, Opera
    window.addEventListener("mousewheel", scrollHorizontally, false);

    // Firefox
    window.addEventListener("DOMMouseScroll", scrollHorizontally, false);
  }
  else {
    // IE 6/7/8
    window.attachEvent("onmousewheel", scrollHorizontally);
  }
})();

它运行良好，但代码禁用了垂直滚动。

这是 Website 的链接.

Answer 1

如果事件鼠标悬停目标是 premios-scroll 时只添加水平滚动怎么办？