绑定此鼠标滚轮事件处理程序会禁用垂直滚动

时间:2014-11-14 12:13:30

标签: javascript html css scroll

我的网站有垂直滚动而没有滚动条,一个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

的链接

1 个答案:

答案 0 :(得分:0)

如果事件鼠标悬停目标是premios-scroll?

,那么只添加水平滚动会怎样?